如何在地圖上添加標注
謝謝
標注地圖的方法如下：
一、環境介紹 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點贊
地圖上怎么添加自己指路人地圖標注服務中心鋪？
地圖上的標記如何隱藏方框中的文字
公司地點在地圖上標注好了卻沒有文字名稱顯示，怎樣才能顯示文字？
公司地點在地圖上標注好了，卻沒有文字名稱顯示怎樣才能顯示文字？
如何在地圖上添加新地址
小蝦米
，進入“朋界面，點擊手機屏幕右上角的“照相機”圖標。這一步相信大家都會了，就不在多說。第二步：選擇了相關的圖片之后，點擊界面上的“所在位置”，會彈出新的編輯界面，如下圖：第三步：默認情況下會彈彈出你附近的地址，假如沒有你想要的地址，那么我們就要自己動手設置了，點擊手機右上角的“放大鏡”圖標，進入地址搜索界面，如下：第四步：這一步就是關鍵了，可以輸入你公司名，也可以輸入相應的地址，任意輸入吧。然后點擊右上角的“搜索”，如果沒有搜到相應的地址，會提示讓你“創建地址”，點擊即可。第五步：點擊“創建新的位置”之后會彈出來的新的頁面，在這個頁面上，填寫你想要的內容即可完成了。點擊完成，以后只要你在 朋友圈曬個啥，這個內容就會顯示在你的內容下面。
2021-09-23 17:35:20
0點贊
Miss.Cat
，添加的地址需要營業執照，身正反面，還有個內人拿身容份證的照片，門臉的頭像，門臉的文字還要和營業執照一致，還有申請地址的申請說，可以在地圖自己，填寫信息，蓋你營業執照的印章，這些都通過就能加地址了，比較麻煩。地圖不用這個麻煩，只要申請傳營業執照就可以了。推薦。如果也需要就按這個申請。
2021-09-23 17:35:20
0點贊
奇怪的人不一樣
請參照一下幾點進行標注：
1、注冊登陸，完善個人信息：直接訪問鏈接注冊賬號，激活并完善個人信息；或通過地圖主頁右上角點擊“商戶免費標注”完成注冊登陸。
2、能查到指路人地圖標注服務中心鋪，可以直接認領：請在地圖上方的框中輸入您的指路人地圖標注服務中心鋪，如果能夠查到您的指路人地圖標注服務中心鋪，請直接認領，認領時需要上傳您的證照資質。如果無法查到，請先標注其所在的位置，再進行認領。
3、查不到指路人地圖標注服務中心鋪，先標注，再認領點擊“我要標注”，填寫商戶名稱和精確的地址位置，精確到門牌號。點擊“標注商戶位置”，雙擊地圖，放大地圖比例。地圖比例越大，標注的準確度越高。需要放到最大層級，即雙擊鼠標地圖不再放大，地圖能夠清楚顯示你所在位置的周邊環境為止。參照你周邊的地標性建筑，拖拽地圖中的紅點，標注到你認為最準確的位置，點擊確定提交后，在進行認領。
4、提交申請后，需要5-7天的審核期，請耐心等待。詳情請參見：鏈接
1、注冊登陸，完善個人信息：直接訪問鏈接注冊賬號，激活并完善個人信息；或通過地圖主頁右上角點擊“商戶免費標注”完成注冊登陸。
2、能查到指路人地圖標注服務中心鋪，可以直接認領：請在地圖上方的框中輸入您的指路人地圖標注服務中心鋪，如果能夠查到您的指路人地圖標注服務中心鋪，請直接認領，認領時需要上傳您的證照資質。如果無法查到，請先標注其所在的位置，再進行認領。
3、查不到指路人地圖標注服務中心鋪，先標注，再認領點擊“我要標注”，填寫商戶名稱和精確的地址位置，精確到門牌號。點擊“標注商戶位置”，雙擊地圖，放大地圖比例。地圖比例越大，標注的準確度越高。需要放到最大層級，即雙擊鼠標地圖不再放大，地圖能夠清楚顯示你所在位置的周邊環境為止。參照你周邊的地標性建筑，拖拽地圖中的紅點，標注到你認為最準確的位置，點擊確定提交后，在進行認領。
4、提交申請后，需要5-7天的審核期，請耐心等待。詳情請參見：鏈接
2021-09-23 17:35:20
0點贊
如何在地圖上添加商戶？
aqaqaq
您好：我們現在提供的商戶名稱是在地圖上生效后是用小起泡顯示在您標注的地址，不是標注在地圖上。地圖底圖上的標注物為以第三方形式”抓取“和頁面”收錄“其他網站信息。
2021-09-23 17:35:24
0點贊
地圖上的文字數字線條燈都是圖例
手機實現導航了,但地圖上的地名等等全是框框沒文字.
地圖里的地方名稱文字怎么改
辛小軟
樓主你好，可以申請更改，地圖是由SOSO地公司推出的一種互聯網地圖服務。用戶可以實現網上虛擬旅游，也可以在前往某地之前了解該地點的周邊環境，從而更容易找到目的地，有助用戶的平時生活出行所需,希望可以幫助到你。
2021-10-16 22:20:32
0點贊
地圖上的說明文字以及標注山高水深的數字叫
在地圖上，表示地理事物的叫_,說明文字叫_
在地圖上，表示地理事物的叫_,說明文字叫_
永恒之塔里怎么用文字標位置？就是別人一點你發的文字就能在地圖上顯示位置的那種
無辜眼神
打開大地圖（M），按住CTRI，同時用鼠標右鍵點擊你想標記的位置即可。 記得，先M，再按回車打開聊天框，再這么操作，不然你就對別人說“M”了呵呵
2021-12-03 10:00:03
0點贊
桑桑
CTRL+鼠標右鍵地圖上某位置，就回自動在對話框輸入條中出現"位置"。
另： 右鍵點擊地圖中的綠叉叉(位置)，可以重命名這個位置，然后再次CTRL+鼠標右鍵發出重命名后的位置……
2021-12-03 10:00:03
0點贊
如何在一張地圖上用PHOTOSHOP把一塊地用線圈出來，并且標注文字
持槍少女
用鋼筆工具好，能畫的很精細，鋼筆工具不熟練的話，就用畫筆工具，選擇畫筆工具，選上自己喜歡的顏色，就可以畫了，畫的時候把圖片放大一些，畫細心一點。標注文字，用文字工具就行了。
2021-12-22 16:30:01
0點贊
845857821
這個很容易的，可以用的工具很多 。你用鉛筆畫 也選到鉛筆工具，再找到你要的那塊地，點擊鼠標一直畫，直到把那塊地畫完。 之后在標注文字就OK了，
2021-12-22 16:30:01
0點贊
OpenLayers怎么在地圖上添加文字標注或者文字說明
yinhs4
把外鏈接的JS加載到body后面，在這個JS里面用類似這樣的代碼：
1
2
3
var div = document.createElement('div'); // 新增元素
var diva = document.getElementById('a'); // 獲取id為a的元素
diva.parentNode.insertBefore(div, diva); // 在這個元素前面增加上去
2021-12-22 16:55:02
0點贊
孤獨者患者
把外鏈接的加載到body后面，在這個里面用類似這樣的代碼：
var?div?=?document.createelement('div');?//?新增元素
var?diva?=?document.getelementbyid('a');?//?獲取id為a的元素
diva.parentnode.insertbefore(div,?diva);?//?在這個元素前面增加上去
2021-12-22 16:55:02
0點贊
miss trouble
把外鏈接的JS加載到body后面，在這個JS里面用類似這樣的代碼： 1 2 3 var div = document.createElement('div'); // 新增元素 var diva = document.getElementById('a'); // 獲取id為a的元素 diva.parentNode.insertBefore(div, diva); // 在這個元素前面增加上去
2021-12-22 16:55:02
0點贊