如何在地圖上添加標注
才華橫溢的包子
U-Know斑比珉
如何在地圖上添加標注
謝謝
一、環境介紹 1,最近在與一家地圖廠家做地圖對接,對方用的是在ArcGIS地圖上做的二次開發,給我的API也是官方的API,我需要在他們地圖上實現我們自己公司的一些功能(比如說:添加標記,標注中心等功能),因為環境問題,所以目前只能使用官方在線地圖demo實現,下面是我整理的如何實現在ArcGIS在線地圖上添加標注。
2.地圖:ArcGIS官方在線地圖,ArcGIS Javascript API版本:
3.9
3.軟件截圖一(在地圖上點擊后添加的標注標記,點擊標注標記后彈出的詳細信息):
二、操作步驟
1.下面是我的代碼(點擊地圖就可以添加一個標注標記,點擊標注標記就可以顯示詳細信息): <!DOCTYPE > <> <head> <meta http-equiv="Content-Type" content="text/; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title></title> <link rel="stylesheet" href="鏈接"> <style> , body, #map { height: 100%; width: 100%; margin: 0; padding: 0; } #controls { background: #fff; box-shadow: 0 6px 6px -6px #999; color: #444; font-family: sans-serif; height: auto; left: 1em; padding: 1em; position: absolute; top: 1em; width: auto; z-index: 40; } #controls div { padding: 0 0 1em 0; } </style> <script src="鏈接"></script> <script> var map, graphicLayer; //標記數組 var allMarkers = []; require([ "esri/map", "esri/geometry/Circle", "esri/symbols/SimpleFillSymbol", "esri/graphic", "esri/layers/GraphicsLayer", "dojo/dom", "dojo/dom-attr", "dojo/domReady!" ], function( Map, Circle, SimpleFillSymbol, Grahpic, GraphicsLayer, dom, domAttr ) { map = new Map("map", { basemap: "streets", center: [120.741, 30.39], slider: false, zoom: 2 }); //創建圖層 graphicLayer = new GraphicsLayer(); //把圖層添加到地圖上 map.addLayer(graphicLayer); map.on("click", function(e) { addMarker(e.mapPoint.x, e.mapPoint.y); }); map.showZoomSlider(); }); function addMarker(xx, yy) { //設置標注的經緯度 //方法一 var pt = new esri.geometry.Point(xx, yy, map.spatialReference); //方法二 // var pt = new esri.geometry.geographicToWebMercator(new esri.geometry.Point({ // "x": 11
8.0605760000, // "y": 3
6.8424320000, // "spatialReference": { "wkid": 102113 } // })); //設置標注顯示的圖標 //var symbol = new esri.symbol.SimpleMarkerSymbol(); var symbol1 = new esri.symbol.PictureMarkerSymbol("images/iconA_3
2.png", 25, 25); //要在模版中顯示的參數 var attr = { "address": "山東省淄博市張指路人地圖標注服務中心區" }; //創建模版 var infoTemplate = new esri.InfoTemplate("標題", "地址:${address}"); //創建圖像 var graphic = new esri.Graphic(pt, symbol1, attr, infoTemplate); //把圖像添加到剛才創建的圖層上 graphicLayer.add(graphic); setMapCenter(xx, yy , 1); } function setMapCenter(xx, yy , level) { var nt = new esri.geometry.Point(xx, yy, map.spatialReference); map.centerAndZoom(nt, level); } //添加標注 function mapAddOverLay(xx, yy, id, labelname) { var nt = new BMap.Point(xx, yy); var marker = new BMap.Marker(nt); map.addOverlay(marker); //添加標注 allMarkers.push(marker); //記錄覆蓋物句柄 if (labelname != "") { var label = new BMap.Label(labelname, { offset: new BMap.Size(20, -10) }); marker.setLabel(label); //添加Label } //添加標注回調 addOverlayCallback(marker, xx, yy, id); } </script> </head> <body> <div id="map"></div> <!--<div id="controls"> <div>Click the map.</div> <input type="checkbox" id="geodesic"> <label for="geodesic">Geodesic?</label> </div> --> </body> </>
如何在衛星地圖上添加標注?
檸檬草
如何在衛星地圖上添加標注?
大靜子
如何在谷歌地圖上添加指路人地圖標注服務中心鋪?
如何在衛星地圖上添加標注
金代
落雨
彈音絲
如何在衛星地圖上添加標注
對方正在輸入,
想擁有你一輩子
如何在衛星地圖上添加標注
Secret
爆破專家
如何在地圖上添加公司位置?
芭比媽媽母嬰匯
如何在地圖上添加標注?
如何在衛星地圖上添加標注
咯咯咯
jessie
如何在衛星地圖上添加標注
安排一下。
如何在地圖上添加新地址
nuclear
小核桃
秋吉
如何在地圖上添加位置信息
如何在地圖上添加公司位置?
童裝童品一手
陽光梅麗
在地圖(以地圖為例)上設置自己公司的位置的方法:
1、進入地圖APP界面,選擇“個人頭像”。
2、進入個人信息界面,選擇“常用地址”。
3、進入帳號登錄界面,可以選擇“跳過”不用登錄。
4、進入添加地址界面,選擇“公司”。
5、進入地址添加界面,可以進行輸入搜索,可以在搜索中添加,這里舉例選擇“地圖選點”。
6、進行地圖選點界面,拖動定位符號到公司地址,點擊“確定”。
7、確定后即可看到信息已經添加到了公司地址中。
8、在主界面即可查看到公司地址。
9、點擊即可查看詳情,可以進行導航等操作。
怎么在地圖上設置自己公司的位置
曉-秋
首先打開手機,在手機上找到關于自己下載的地圖app,打開之后點擊地圖上的個人頭像進行登陸,登陸之后在個人中心頁面找到常用地址選項并打開,然后就可以點擊公司地址點擊設置后輸入公司地址就可以了,設置完成后也可以將圖標添加到手機桌面。當在手機地圖里設置了常用地址之后,比如家庭地址又比如公司地址,在需要的時候就可以快速發起導航,或者在將圖標添加到桌面上之后,也可以快速的實現一鍵導航,總的來說也是比較方便的。
怎么在地圖上設置自己公司的位置
首先打開手機,在手機上找到關于自己下載的地圖app,打開之后點擊地圖上的個人頭像進行登陸,登陸之后在個人中心頁面找到常用地址選項并打開,然后就可以點擊公司地址點擊設置后輸入公司地址就可以了,設置完成后也可以將圖標添加到手機桌面。當在手機地圖里設置了常用地址之后,比如家庭地址又比如公司地址,在需要的時候就可以快速發起導航,或者在將圖標添加到桌面上之后,也可以快速的實現一鍵導航,總的來說也是比較方便的。