如何在地圖上添加標注
謝謝
標注地圖的方法如下：
一、環境介紹 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> </>
一、環境介紹 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> </>
2021-09-23 17:23:54
0點贊
如何在地圖上添加商戶地址？
秦風
可在地圖官網的商戶標注進行。具體方法如下：
1、在電腦端打開地圖官網，點擊右上角的“商戶標注”登錄您的帳號，點擊添加新標注按鈕。
2、然后在左邊新增欄的商戶名稱輸入您的商戶名進行搜索，右邊會跳轉搜索結果“沒有找到想要商戶，新增一個。”
3、然后將跳轉的負面左邊欄帶紅*欄依次按要求詳細如實填寫。街道位置欄需寫下詳細地址信息(精確到門牌號碼)再標注，右邊小地圖會顯示標注點。地圖版本
8.1
4.0，可直接打開地圖，點擊上報，新增，新增地點，開啟我是該地商戶按鈕，然后按頁面填寫相關信息，提交即可。標注成功后在地圖中可搜索到，但在地圖上未能顯示，原因是商戶是否顯示在地圖上取決于您的信息的熱門程度，用戶關注度，地理位置等因素，而不是人工干預的結果。計算機會在每次更新地圖時，重新計算哪些數據可以顯示在地圖上。
1、在電腦端打開地圖官網，點擊右上角的“商戶標注”登錄您的帳號，點擊添加新標注按鈕。
2、然后在左邊新增欄的商戶名稱輸入您的商戶名進行搜索，右邊會跳轉搜索結果“沒有找到想要商戶，新增一個。”
3、然后將跳轉的負面左邊欄帶紅*欄依次按要求詳細如實填寫。街道位置欄需寫下詳細地址信息(精確到門牌號碼)再標注，右邊小地圖會顯示標注點。地圖版本
8.1
4.0，可直接打開地圖，點擊上報，新增，新增地點，開啟我是該地商戶按鈕，然后按頁面填寫相關信息，提交即可。標注成功后在地圖中可搜索到，但在地圖上未能顯示，原因是商戶是否顯示在地圖上取決于您的信息的熱門程度，用戶關注度，地理位置等因素，而不是人工干預的結果。計算機會在每次更新地圖時，重新計算哪些數據可以顯示在地圖上。
2021-09-23 17:24:19
0點贊
如何在地圖上導航多個標記地點
如何在地圖上顯示家地理位置和地址名稱
老胡
<li><br><li>注冊賬號，到地圖的API申請個KEY，免費的每天有固定的，付費就很多了。<br><br><img?src="鏈接"/><br><br><br><img?src="鏈接"/><br><br><li>申請了Key后，在你的Html?頁面上引入?：<br><script?type="text/javascript"?src="鏈接您的密鑰"></script><br><br><img?src="鏈接"/><br><br><li>在HTML的Body中，放入一個div，用于顯示地圖的地方<br><div?id="allmap"></div><br><br><img?src="鏈接"/><br><br><li>寫入顯示到地圖的圖標方法<br><script?type="text/javascript">?<br>var?map?=?new?BMap.Map("allmap");<br>var?nt?=?new?BMap.Point(11
6.400244,3
9.92556);<br>map.centerAndZoom(nt,?12);<br>var?marker?=?new?BMap.Marker(nt);??//?創建標注<br>map.addOverlay(marker);??????????????//?將標注添加到地圖中<br>marker.addEventListener("click",getAttr);<br>function?getAttr(){<br>var?p?=?marker.getPosition();???????//獲取marker的位置<br>alert("marker的位置是"?+?p.lng?+?","?+?p.lat);???<br>}<br></script><br><br><img?src="鏈接"/><br><br><li>保存后，打開您的HTML，界面將會顯示出第四步的坐標地址?Point(11
6.400244,3
9.92556);?<br><br><img?src="鏈接"/><br><br><li>點擊地圖上的紅色圖標地址，將調用剛才寫的?<br>function?getAttr(){<br>var?p?=?marker.getPosition();???????//獲取marker的位置<br>alert("marker的位置是"?+?p.lng?+?","?+?p.lat);???<br>}<br>方法，彈出提示框。<br>這個方法，看具體需要調用什么方法，就寫什么內容嘍。<br>至此，入參坐標調用API顯示到地圖上的圖標，方法實現。更多請查看API提供的方法，很豐富~<br><br><img?src="鏈接"/><br><br><li>
6.400244,3
9.92556);<br>map.centerAndZoom(nt,?12);<br>var?marker?=?new?BMap.Marker(nt);??//?創建標注<br>map.addOverlay(marker);??????????????//?將標注添加到地圖中<br>marker.addEventListener("click",getAttr);<br>function?getAttr(){<br>var?p?=?marker.getPosition();???????//獲取marker的位置<br>alert("marker的位置是"?+?p.lng?+?","?+?p.lat);???<br>}<br></script><br><br><img?src="鏈接"/><br><br><li>保存后，打開您的HTML，界面將會顯示出第四步的坐標地址?Point(11
6.400244,3
9.92556);?<br><br><img?src="鏈接"/><br><br><li>點擊地圖上的紅色圖標地址，將調用剛才寫的?<br>function?getAttr(){<br>var?p?=?marker.getPosition();???????//獲取marker的位置<br>alert("marker的位置是"?+?p.lng?+?","?+?p.lat);???<br>}<br>方法，彈出提示框。<br>這個方法，看具體需要調用什么方法，就寫什么內容嘍。<br>至此，入參坐標調用API顯示到地圖上的圖標，方法實現。更多請查看API提供的方法，很豐富~<br><br><img?src="鏈接"/><br><br><li>
2021-09-23 17:32:47
0點贊
樊灼危害
在地圖的下方底邊有商戶免費注冊窗口，點擊進去有申請商戶合作認證獲取權限：認領地圖已有地點，管理地點信息，電話展示，評論回復，以及發布周邊街區圖片等等，用地圖掃描地圖客戶端等等，按提示直接操作就是了。完成以后，全世界網友就能在地圖上搜到您家的地理位置和門牌號了。
2021-09-23 17:32:47
0點贊
如何在地圖上添加地址
安小灰
您好：我們現在提供的商戶名稱是在地圖上生效后是用小起泡顯示在您標注的地址，不是標注在地圖上。地圖底圖上的標注物為以第三方形式”抓取“和頁面”收錄“其他網站信息。
2021-09-23 17:32:47
0點贊
如何在地圖上免費標明我指路人地圖標注服務中心鋪地址的位置?
如何在地圖上添加標注
萌路家的貓
衛星地圖＂進入衛星地圖欄目;
２．從左邊菜單目錄選擇您要標注的所在市縣；
３．點擊右上角紅色的 ＂我要標注＂鏈接，依次按提示操作即可：
a．將地圖用拉桿放大到清晰位置，在地圖上點擊要標注的地點，會彈出操作窗口；
b．移動好位置后，點＂第二步＂輸入標注點信息完成標注；
c．移動位置到新的地方，重復標注；
2021-09-23 17:34:26
0點贊
如何在地圖上顯示家地理位置和地址名稱
黃山木
度賬號，到地圖的API申請個KEY，免費的每天有固定的，付費就很多了。
申請了Key后，在你的Html 頁面上引入 ：
<script type="text/javascript" src="鏈接您的密鑰"></script>
在HTML的Body中，放入一個div，用于顯示地圖的地方
<div id="allmap"></div>
寫入顯示到地圖的圖標方法
<script type="text/javascript">?
var map = new BMap.Map("allmap");
var nt = new BMap.Point(11
6.400244,3
9.92556);
map.centerAndZoom(nt, 12);
var marker = new BMap.Marker(nt); ?// 創建標注
map.addOverlay(marker); ? ? ? ? ? ? ?// 將標注添加到地圖中
marker.addEventListener("click",getAttr);
function getAttr(){
var p = marker.getPosition(); ? ? ? //獲取marker的位置
alert("marker的位置是" + p.lng + "," + p.lat); ??
}
</script>
保存后，打開您的HTML，界面將會顯示出第四步的坐標地址?Point(11
6.400244,3
9.92556);?
點擊地圖上的紅色圖標地址，將調用剛才寫的?
function getAttr(){
var p = marker.getPosition(); ? ? ? //獲取marker的位置
alert("marker的位置是" + p.lng + "," + p.lat); ??
}
方法，彈出提示框。
這個方法，看具體需要調用什么方法，就寫什么內容嘍。
至此，入參坐標調用API顯示到地圖上的圖標，方法實現。更多請查看API提供的方法，很豐富~
2021-09-23 17:35:20
0點贊
伊島島
窗去有申請商戶合作認證獲取權限：認領地圖已有地點，管理地點信息，電話展示，評論回復，以及發布周邊街區圖片等等，用地圖掃描地圖客戶端等等，按提示直接操作就是了。完成以后，全世界網友就能在地圖上搜到您家的地理位置和門牌號了。
2021-09-23 17:35:20
0點贊
如何在地圖上添加商戶？
aqaqaq
您好：我們現在提供的商戶名稱是在地圖上生效后是用小起泡顯示在您標注的地址，不是標注在地圖上。地圖底圖上的標注物為以第三方形式”抓取“和頁面”收錄“其他網站信息。
2021-09-23 17:35:24
0點贊
如何在google地圖上找到輸入的地址
@ˉ\_(ツ)_/ˉ
在google地圖中添加公司地址的方法如下：
1、登錄鏈接， 提示輸入谷歌賬號與密碼。
2、如果還沒有，須注冊一個google會員，設置自己的密碼并登錄到網站。如下如：
3、 頁面跳轉，根據提示點擊批量上傳。如下圖：
4、跳出“服務條款”，根據提示在前面框里打鉤，點擊繼續。如下圖：
5、進入“管理位置”頁面，有兩種方式添加公司位置。一種是從文件中導入位置，根據提示模版，填寫好之后上傳，就可。
6、在此選擇“添加位置”進入，添加位置頁面。如下圖：
7、根據提示，填寫“名稱、選擇分類、地址等信息，切記“*”號標注的是必填項目。如下圖：
8、根據提示填寫“電話、、”等信息。同時根據自己的營業時間選擇對應的時間表。如下圖：
9、添加“圖片”這里是公司門指路人地圖標注服務中心的照片，以方便查找者辨識，信息填寫完畢點擊“創建”。如下圖：
10、創建完成后，谷歌會根據申請提供的地址發送一封信函，信函附有一個驗證碼。然后進入谷歌地圖賬號，根據提示填寫驗證碼，谷歌地圖正式發布。
1、登錄鏈接， 提示輸入谷歌賬號與密碼。
2、如果還沒有，須注冊一個google會員，設置自己的密碼并登錄到網站。如下如：
3、 頁面跳轉，根據提示點擊批量上傳。如下圖：
4、跳出“服務條款”，根據提示在前面框里打鉤，點擊繼續。如下圖：
5、進入“管理位置”頁面，有兩種方式添加公司位置。一種是從文件中導入位置，根據提示模版，填寫好之后上傳，就可。
6、在此選擇“添加位置”進入，添加位置頁面。如下圖：
7、根據提示，填寫“名稱、選擇分類、地址等信息，切記“*”號標注的是必填項目。如下圖：
8、根據提示填寫“電話、、”等信息。同時根據自己的營業時間選擇對應的時間表。如下圖：
9、添加“圖片”這里是公司門指路人地圖標注服務中心的照片，以方便查找者辨識，信息填寫完畢點擊“創建”。如下圖：
10、創建完成后，谷歌會根據申請提供的地址發送一封信函，信函附有一個驗證碼。然后進入谷歌地圖賬號，根據提示填寫驗證碼，谷歌地圖正式發布。
2021-09-23 17:44:17
0點贊
濁七
google谷歌地圖上沒有顯示某個地址的經緯度，實際上，通過可以找到在谷歌地圖上任意地點的經度和緯度。?
? 第一種方法：?
?
1、打開google地圖，在上面尋找一個地址。? ?
2、移動地圖，讓這個地址正好處于地圖的正中心位置。? ?
3、當您想尋找坐標位置已經處于地圖的中心位置的時候，復制以下代碼到你的電腦地址欄：? ? javascript:void(prompt('',gapplication.getmap().genter())); ? ? 你將得到一個彈出式的坐標，這個坐標就是你需要找的經度和緯度，如下圖所示。 第二種方法： ?鼠標點擊google地圖界面上右鍵 “這兒是什么？”，就可以直接在地址欄看到當前位置的經緯度了。
1、打開google地圖，在上面尋找一個地址。? ?
2、移動地圖，讓這個地址正好處于地圖的正中心位置。? ?
3、當您想尋找坐標位置已經處于地圖的中心位置的時候，復制以下代碼到你的電腦地址欄：? ? javascript:void(prompt('',gapplication.getmap().genter())); ? ? 你將得到一個彈出式的坐標，這個坐標就是你需要找的經度和緯度，如下圖所示。 第二種方法： ?鼠標點擊google地圖界面上右鍵 “這兒是什么？”，就可以直接在地址欄看到當前位置的經緯度了。
2021-09-23 17:44:17
0點贊
怎樣把地址加入導航
跪求：如何在谷歌地圖上加入自己公司的地址啊
如何在地圖上免費標明我指路人地圖標注服務中心鋪地址的位置?
如何在地圖上免費標明我指路人地圖標注服務中心鋪地址的位置?
怎樣才能把指路人地圖標注服務中心鋪地址加入導航？
冥王星
登陸地圖并且注冊，再標注你指路人地圖標注服務中心鋪名稱，并標注你指路人地圖標注服務中心鋪位置！別人就可以在地圖上查找你的指路人地圖標注服務中心鋪并且標注它！
2022-03-25 09:45:13
0點贊
如何在地圖上加上自己的地址？
司櫻
下載地圖APP，然后找到提交入口，根據官方需要的資料填寫店鋪資料，比方說，店鋪名稱，營業時間，店鋪地址等等。
填寫完成后提交，然后等待官方審核，一般一個工作日內審核完成
2022-03-26 09:20:09
0點贊