如何在衛(wèi)星地圖上添加標(biāo)注我的商鋪位置信息呢？

瀏覽次數(shù)：1331 發(fā)布時間：2021-09-23 17:29:25

飛向梧桐

標(biāo)注地圖的方法如下：　　
一、環(huán)境介紹　　1，最近在與一家地圖廠家做地圖對接，對方用的是在ArcGIS地圖上做的二次開發(fā)，給我的API也是官方的API，我需要在他們地圖上實(shí)現(xiàn)我們自己公司的一些功能（比如說：添加標(biāo)記，標(biāo)注中心等功能），因為環(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)擊地圖就可以添加一個標(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>　　　　</body>　　</>

發(fā)布于：2021-09-23 18:24:49

如何在衛(wèi)星地圖上添加標(biāo)注？

?來了來了

標(biāo)注地圖的方法如下：1．注冊用戶并登錄網(wǎng)站,點(diǎn)擊＂衛(wèi)星地圖＂進(jìn)入衛(wèi)星地圖欄目;2．從左邊菜單目錄選擇您要標(biāo)注的所在市縣；3．點(diǎn)擊右上角紅色的＂我要標(biāo)注＂鏈接，依次按提示操作即可：a．將地圖用拉桿放大到清晰位置，在地圖上點(diǎn)擊要標(biāo)注的地點(diǎn)，會彈出操作窗口；b．移動好位置后，點(diǎn)＂第二....

2021-09-23 17:28:26 641查看 1回答

如何在衛(wèi)星地圖上添加標(biāo)注？

2021-09-23 17:28:26 1260查看 0回答

如何在衛(wèi)星地圖上添加標(biāo)注？

高冷女神

衛(wèi)星地圖截圖下來就是圖片，你用photoshop就可以標(biāo)記。還是建議用在線的地圖平臺如星羅地圖直接做標(biāo)記就好，方便的很

2021-09-23 17:29:01 621查看 1回答

如何在衛(wèi)星地圖上添加標(biāo)注？

檸檬草

1．注冊用戶并登錄網(wǎng)站,點(diǎn)擊＂衛(wèi)星地圖＂進(jìn)入衛(wèi)星地圖欄目;2．從左邊菜單目錄選擇您要標(biāo)注的所在市縣；3．點(diǎn)擊右上角紅色的＂我要標(biāo)注＂鏈接，依次按提示操作即可：a．將地圖用拉桿放大到清晰位置，在地圖上點(diǎn)擊要標(biāo)注的地點(diǎn)，會彈出操作窗口；b．移動好位置后，點(diǎn)＂第二步＂輸入標(biāo)注...