如何在地圖上添加標(biāo)注
才華橫溢的包子
U-Know斑比珉
如何在地圖上添加標(biāo)注
謝謝
一、環(huán)境介紹 1,最近在與一家地圖廠家做地圖對(duì)接,對(duì)方用的是在ArcGIS地圖上做的二次開(kāi)發(fā),給我的API也是官方的API,我需要在他們地圖上實(shí)現(xiàn)我們自己公司的一些功能(比如說(shuō):添加標(biāo)記,標(biāo)注中心等功能),因?yàn)榄h(huán)境問(wè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、名稱(chēng)必須和營(yíng)業(yè)執(zhí)照對(duì)應(yīng)。
如何在衛(wèi)星地圖上添加標(biāo)注
金代
落雨
彈音絲
如何在衛(wèi)星地圖上添加標(biāo)注
對(duì)方正在輸入,
想擁有你一輩子
如何在衛(wèi)星地圖上添加標(biāo)注
Secret
爆破專(zhuān)家
如何在地圖上添加公司位置?
芭比媽媽母嬰?yún)R
如何在HERE地圖中在一特定地點(diǎn)添加照片?
某出道小可愛(ài)
呆心
如何在地圖上添加標(biāo)注?
一千零一夜
如何在衛(wèi)星地圖上添加標(biāo)注
咯咯咯
jessie
叫你一聲敢答應(yīng)
如何在衛(wèi)星地圖上添加標(biāo)注
安排一下。
如何在衛(wèi)星地圖上添加標(biāo)注
土豆仙人
MASKER??????~
如何在地圖上添加新地址
nuclear
小核桃
秋吉
如何在Google地圖上插照片
隨緣
1.創(chuàng)建或打開(kāi)一個(gè)地圖。
2.點(diǎn)擊合適的標(biāo)注、畫(huà)線或者圖形,信息窗口將會(huì)出現(xiàn)。
3.點(diǎn)擊修改。
4.選擇Rich text或者修改 .
5.如果您選擇Rich Text模式,點(diǎn)擊描述框上的照片圖標(biāo)(工具欄的最后一個(gè)),輸入您想添加的照片的。
7.如果您選擇修改,使用 標(biāo)記添加照片。例如, 添加Google地圖的logo到您的地圖上,logo的高度被設(shè)為55像
隕落
要瀏覽照片的話,谷歌中國(guó)的地圖貌似目前還沒(méi)有這一功能,不過(guò)你可以試試英文版本的。就像我下面附加的照片里一樣在more下面選photos,然后你就能看見(jiàn)你和別人所添加的圖片了。你可以試試。希望這有幫助。
添加照片
您能把照片添加到您的地圖上,只要它們?cè)诰W(wǎng)上。請(qǐng)使用如 Google Picasa Web 這樣的服務(wù)來(lái)在線存放您的照片。
要添加照片:
創(chuàng)建或打開(kāi)一個(gè)地圖。
點(diǎn)擊合適的標(biāo)注、畫(huà)線或者圖形,信息窗口將會(huì)出現(xiàn)。
點(diǎn)擊修改。
選擇Rich text或者修改 HTML.
如果您選擇Rich Text模式,點(diǎn)擊描述框上的照片圖標(biāo)(工具欄的最后一個(gè)),輸入您想添加的照片的URL。
如果您選擇修改HTML,使用 標(biāo)記添加照片。例如,