如何在地圖上添加標(biāo)注
才華橫溢的包子
U-Know斑比珉
如何在地圖上添加標(biāo)注
謝謝
一、環(huán)境介紹 1,最近在與一家地圖廠家做地圖對(duì)接,對(duì)方用的是在ArcGIS地圖上做的二次開發(fā),給我的API也是官方的API,我需要在他們地圖上實(shí)現(xiàn)我們自己公司的一些功能(比如說:添加標(biāo)記,標(biāo)注中心等功能),因?yàn)榄h(huán)境問題,所以目前只能使用官方在線地圖demo實(shí)現(xiàn),下面是我整理的如何實(shí)現(xiàn)在ArcGIS在線地圖上添加標(biāo)注。
2.地圖:ArcGIS官方在線地圖,ArcGIS Javascript API版本:
3.9
3.軟件截圖一(在地圖上點(diǎn)擊后添加的標(biāo)注標(biāo)記,點(diǎn)擊標(biāo)注標(biāo)記后彈出的詳細(xì)信息):
二、操作步驟
1.下面是我的代碼(點(diǎn)擊地圖就可以添加一個(gè)標(biāo)注標(biāo)記,點(diǎn)擊標(biāo)注標(biāo)記就可以顯示詳細(xì)信息): <!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; //標(biāo)記數(shù)組 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 }); //創(chuàng)建圖層 graphicLayer = new GraphicsLayer(); //把圖層添加到地圖上 map.addLayer(graphicLayer); map.on("click", function(e) { addMarker(e.mapPoint.x, e.mapPoint.y); }); map.showZoomSlider(); }); function addMarker(xx, yy) { //設(shè)置標(biāo)注的經(jīng)緯度 //方法一 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 } // })); //設(shè)置標(biāo)注顯示的圖標(biāo) //var symbol = new esri.symbol.SimpleMarkerSymbol(); var symbol1 = new esri.symbol.PictureMarkerSymbol("images/iconA_3
2.png", 25, 25); //要在模版中顯示的參數(shù) var attr = { "address": "山東省淄博市張指路人地圖標(biāo)注服務(wù)中心區(qū)" }; //創(chuàng)建模版 var infoTemplate = new esri.InfoTemplate("標(biāo)題", "地址:${address}"); //創(chuàng)建圖像 var graphic = new esri.Graphic(pt, symbol1, attr, infoTemplate); //把圖像添加到剛才創(chuàng)建的圖層上 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); } //添加標(biāo)注 function mapAddOverLay(xx, yy, id, labelname) { var nt = new BMap.Point(xx, yy); var marker = new BMap.Marker(nt); map.addOverlay(marker); //添加標(biāo)注 allMarkers.push(marker); //記錄覆蓋物句柄 if (labelname != "") { var label = new BMap.Label(labelname, { offset: new BMap.Size(20, -10) }); marker.setLabel(label); //添加Label } //添加標(biāo)注回調(diào) 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> </>
如何在衛(wèi)星地圖上添加標(biāo)注?
檸檬草
如何在衛(wèi)星地圖上添加標(biāo)注?
大靜子
如何在谷歌地圖上添加指路人地圖標(biāo)注服務(wù)中心鋪?
228498
1、審核時(shí)間是5天左右。
2、營(yíng)業(yè)執(zhí)照必須清晰。
3、營(yíng)業(yè)執(zhí)照必須真實(shí),ps的不行。
4、名稱必須和營(yíng)業(yè)執(zhí)照對(duì)應(yīng)。
如何在衛(wèi)星地圖上添加標(biāo)注
金代
落雨
彈音絲
如何在衛(wèi)星地圖上添加標(biāo)注
對(duì)方正在輸入,
想擁有你一輩子
如何在衛(wèi)星地圖上添加標(biāo)注
Secret
爆破專家
如何在地圖上添加公司位置?
芭比媽媽母嬰?yún)R
如何在地圖上添加標(biāo)注?
一千零一夜
如何在衛(wèi)星地圖上添加標(biāo)注
咯咯咯
jessie
叫你一聲敢答應(yīng)
如何在衛(wèi)星地圖上添加標(biāo)注
安排一下。
如何在衛(wèi)星地圖上添加標(biāo)注
土豆仙人
MASKER??????~
如何在地圖上添加新地址
nuclear
小核桃
秋吉
如何在地圖上設(shè)置指路人地圖標(biāo)注服務(wù)中心面位置
非洲
蜉蝣:
小超姐姐
如何在地圖上添加公司位置?
童裝童品一手
陽(yáng)光梅麗
在地圖(以地圖為例)上設(shè)置自己公司的位置的方法:
1、進(jìn)入地圖APP界面,選擇“個(gè)人頭像”。
2、進(jìn)入個(gè)人信息界面,選擇“常用地址”。
3、進(jìn)入帳號(hào)登錄界面,可以選擇“跳過”不用登錄。
4、進(jìn)入添加地址界面,選擇“公司”。
5、進(jìn)入地址添加界面,可以進(jìn)行輸入搜索,可以在搜索中添加,這里舉例選擇“地圖選點(diǎn)”。
6、進(jìn)行地圖選點(diǎn)界面,拖動(dòng)定位符號(hào)到公司地址,點(diǎn)擊“確定”。
7、確定后即可看到信息已經(jīng)添加到了公司地址中。
8、在主界面即可查看到公司地址。
9、點(diǎn)擊即可查看詳情,可以進(jìn)行導(dǎo)航等操作。
怎么在地圖上設(shè)置自己公司的位置
曉-秋
首先打開手機(jī),在手機(jī)上找到關(guān)于自己下載的地圖app,打開之后點(diǎn)擊地圖上的個(gè)人頭像進(jìn)行登陸,登陸之后在個(gè)人中心頁(yè)面找到常用地址選項(xiàng)并打開,然后就可以點(diǎn)擊公司地址點(diǎn)擊設(shè)置后輸入公司地址就可以了,設(shè)置完成后也可以將圖標(biāo)添加到手機(jī)桌面。當(dāng)在手機(jī)地圖里設(shè)置了常用地址之后,比如家庭地址又比如公司地址,在需要的時(shí)候就可以快速發(fā)起導(dǎo)航,或者在將圖標(biāo)添加到桌面上之后,也可以快速的實(shí)現(xiàn)一鍵導(dǎo)航,總的來說也是比較方便的。
怎么在地圖上設(shè)置自己公司的位置
首先打開手機(jī),在手機(jī)上找到關(guān)于自己下載的地圖app,打開之后點(diǎn)擊地圖上的個(gè)人頭像進(jìn)行登陸,登陸之后在個(gè)人中心頁(yè)面找到常用地址選項(xiàng)并打開,然后就可以點(diǎn)擊公司地址點(diǎn)擊設(shè)置后輸入公司地址就可以了,設(shè)置完成后也可以將圖標(biāo)添加到手機(jī)桌面。當(dāng)在手機(jī)地圖里設(shè)置了常用地址之后,比如家庭地址又比如公司地址,在需要的時(shí)候就可以快速發(fā)起導(dǎo)航,或者在將圖標(biāo)添加到桌面上之后,也可以快速的實(shí)現(xiàn)一鍵導(dǎo)航,總的來說也是比較方便的。