如何在地圖上添加標注
謝謝
標注地圖的方法如下：
一、環境介紹 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:37:34
0點贊
如何在地圖上做幾個標記？
阿呆姐姐
2、點】選增的地點上報即可；
3、選擇新增的地點是什么類型即可；
擴展資料：
圖盟地標
集團圖盟推出的地圖標注服務,商家或企業可以在地圖、圖盟地圖、蘋果地圖中標注自己的信息點，添加自己的位置信息，這樣當用戶搜索信息的時候，地圖搜索引擎就會為用戶顯示出商家的信息，方便了用戶的，同時也方便了商家做宣傳。
圖商網盟于2012年與圖商企業地標開始合作。
參考資料來源： ：地圖標注
2021-09-23 17:37:42
0點贊
pamper
2021-09-23 17:37:42
0點贊
米少爺
地點自看自用用蘭圖格至，然后點版擊【點標權注】（或APP點按【標注】按鈕）：
【蘭圖繪】網頁端點標注
2、在目標地點單擊/點擊，即可添加標注：
或者，通過地圖搜索出目標地點，以“南京南站”為例：
【蘭圖繪】轉換為標注
點擊“轉換為標注”按鈕，可以在地圖上添加標注：
希望可以幫到題主！
2021-09-23 17:37:42
0點贊
如何在地圖上做幾個標記？
如何在地圖上做幾個標記？
如何在衛星地圖上做標記說明
破壞神2毀滅之王如何在地圖上顯示物的標記
不用怎么在地圖上作標記
如何在地圖上添加標注？
如何在地圖上做標記
自助的喲。
電腦版的然后標記，具體步圖。版
2、選擇地圖功能權區中的工具箱，選擇標記功能。
3、點擊彈出的工具箱中的標記標志，選擇想要進行標記的地點。
4、標記想要的地點后，輸入標記地點的名稱并點擊保存。
2021-10-16 22:45:09
0點贊
初心
蘭圖繪
可以逐點標記
也可以Excel批量標記
成圖效果非常棒！
當然除了標記也還有其他功能（范圍、熱力地圖等等），需要你慢慢了解，希望以上能回答你的問題。
祝好！
2021-10-16 22:45:09
0點贊
如何在地圖上做標記？
如何在地圖上做標記？
麥麥
從10年開始就停止免費標注了。下面是的公告：“尊敬的地圖用戶：地圖暫停“用戶免費添加標注信息”的服務。對給您帶來的不便，我們表示抱歉。請大家不要在版面上隨意公布個人/公司信息，以免被不當利用。地圖最初是和圖吧公司(Mapbar)合作，數據的收集、更新、維護均由其負責。雙方也提供了多種和手段，讓用戶方便的添加信息到地圖。8月18日，發布新版地圖。由于合作方式的變更，圖吧公司不再負責免費標注回帖的整理收集。出于種種原因的考慮，地圖不得不暫停用戶提交標注的服務。對于各位用戶之前通過本吧或其他提交的地點信息，可能部分未能收錄到地圖中，對此我們表示抱歉，并希望您能理解和海涵。最后，再次感謝您的理解，也感謝您對地圖一貫的使用和支持。Q&A:
1. 何時能再開放用戶免費提交標注的功能？答：我們在做相關的各種準備工作，會嘗試盡快恢復該功能。一旦再次開放，我們會及時在版面公告。
2. 是否提供收費提交標注的功能？答：抱歉，暫不支持。一旦開放該功能，我們也會及時在版面公告。
3. 原來提交的標注信息，現在能否搜得到？答：部分公司標注信息已加入地圖（能搜得到），但也有部分尚未加入（搜不到）。之前免費標注回帖的收集工作由mapbar公司負責。合作方式變更，可能導致了部分數據的變更。對此我們表示抱歉，并希望您能理解和海涵。
4. 雖然不能免費添加標注了，但如果發現標注錯了，是否可以更改？回答：對于版面提交的有效的標注糾錯反饋，我們將比原來更加快速的響應。一旦核實，我們會快速修改。”這邊有幫你了解過，如果現在要標注的話其實是要收費了，1年要2500元，每年都要交費，而以前免費標注好的則一直免費，真黑啊。祝你好運！團隊：電腦團（盛邦網絡技術）
1. 何時能再開放用戶免費提交標注的功能？答：我們在做相關的各種準備工作，會嘗試盡快恢復該功能。一旦再次開放，我們會及時在版面公告。
2. 是否提供收費提交標注的功能？答：抱歉，暫不支持。一旦開放該功能，我們也會及時在版面公告。
3. 原來提交的標注信息，現在能否搜得到？答：部分公司標注信息已加入地圖（能搜得到），但也有部分尚未加入（搜不到）。之前免費標注回帖的收集工作由mapbar公司負責。合作方式變更，可能導致了部分數據的變更。對此我們表示抱歉，并希望您能理解和海涵。
4. 雖然不能免費添加標注了，但如果發現標注錯了，是否可以更改？回答：對于版面提交的有效的標注糾錯反饋，我們將比原來更加快速的響應。一旦核實，我們會快速修改。”這邊有幫你了解過，如果現在要標注的話其實是要收費了，1年要2500元，每年都要交費，而以前免費標注好的則一直免費，真黑啊。祝你好運！團隊：電腦團（盛邦網絡技術）
2021-10-16 23:25:31
0點贊
