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