如何在地圖上添加標(biāo)注
才華橫溢的包子
U-Know斑比珉
如何在地圖上添加標(biāo)注
謝謝
一、環(huán)境介紹 1,最近在與一家地圖廠家做地圖對接,對方用的是在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)注?
大靜子
如何在衛(wèi)星地圖上添加標(biāo)注我的商鋪位置信息呢?
飛向梧桐
一、環(huán)境介紹 1,最近在與一家地圖廠家做地圖對接,對方用的是在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> </>
如何在谷歌地圖上添加指路人地圖標(biāo)注服務(wù)中心鋪?
228498
1、審核時(shí)間是5天左右。
2、營業(yè)執(zhí)照必須清晰。
3、營業(yè)執(zhí)照必須真實(shí),ps的不行。
4、名稱必須和營業(yè)執(zhí)照對應(yīng)。
如何在衛(wèi)星地圖上添加標(biāo)注
金代
落雨
彈音絲
如何在衛(wèi)星地圖上添加標(biāo)注
對方正在輸入,
想擁有你一輩子
如何在衛(wèi)星地圖上添加標(biāo)注
Secret
爆破專家
如何在地圖上添加公司位置?
芭比媽媽母嬰?yún)R
如何在地圖上添加標(biāo)注?
一千零一夜
如何在衛(wèi)星地圖上添加標(biāo)注
咯咯咯
jessie
叫你一聲敢答應(yīng)
如何在地圖上添加新地址
nuclear
小核桃
秋吉
如何在地圖上添加位置信息
如何在企業(yè)地圖上顯示自己的公司名稱?
呱呱
如何做如何在洗衣服如何在企業(yè)上顯示自如何在企業(yè)上顯示自己的如何在企業(yè)上顯示自己的門公司沒成為企業(yè)如何在企業(yè)上顯示自己的門公司沒成為企業(yè)地如何在企業(yè)上顯示自己的門公司沒成為企業(yè),地圖上的話,這個(gè)可以在自己的這如何在企業(yè)上顯示自己的門公司沒成為企業(yè),地圖上的話,這個(gè)可以在自己的這個(gè)如何在企業(yè)上顯示自己的門公司沒成為企業(yè),地圖上的話,這個(gè)可以在自己的這個(gè)地。結(jié)的這里標(biāo)志如何在企業(yè)上顯示自己的門公司沒成為企業(yè),地圖上的話,這個(gè)可以在自己的這個(gè)地。結(jié)的這里標(biāo)示出自己的如何在企業(yè)上顯示自己的門公司沒成為企業(yè),地圖上的話,這個(gè)可以在自己的這個(gè)地。結(jié)的,這里標(biāo)示出自己的公司的。