如何在地图上添加标注

谢谢
一、环境介绍 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> </>
如何在地图上设置指路人地图标注服务中心名?

风太大我听不见
如何在地图上设置地标

待月扣访
1、首先打开地图,点击右上角“商户免费标注”选项。
2、然后在该页面中点击“标注认领单个商户”选项。
3、之后在该页面中填写省,市,县,公司名称后点击“搜索”图标选项。
4、然后在该页面中点击右侧“免费添加标注”选项。
5、最后在该页面中根据需要将带星号右侧的空格填写完毕后,点击“提交”选项即可。
6、然后显示提交成功,等待审核完成就可以了。

卤蛋
1、首先打开电脑上地图,在点击右上角的地图。
2、然后点击进入到地图的页面。
3、页面下拉,找到右下角的商户免费标记,点击进入。
4、接着在弹出的对话框中选择点击添加新地点。
5、最后把内容补充完整,包括地址、名称、电话、精确位置等就行了。
如何在地图定位自己商铺

污老师炎炎
1、首先打开地图,然后搜索要在地图上标记的地址,然后选择红色箭头指向的“免费添加注释”。
2、接下来,在页面上选择“标记单个商家”。
3、下一页跳转到填充界面,根据需要填写上传信息,然后单击“提交”,等待批准通过。
4、最后通过是这样的路图。
如何在地图中设置我的位置?
如何在地图上设置指路人地图标注服务中心面位置

再睡一夏

海马之子
如何在地图中设置我的位置

橙子橙了达
如何在地图设置自己商铺名称

小猴子
如何在地图上添加商户?

aqaqaq
如何在滴滴出行地图设置商铺位置?
如何在地图定位自己商铺?

欧拉
1、用账号登陆,打开搜索“地图”,点击进入。
2、打开地图后,可以看到底部的商户免费标注并点击。
3、弹出如下窗口,选择相应的认证,并点击立即认证。
4、选择所属地区,搜索——点击免费添加标注,把自己商铺的地址输入进入。
5、添加指路人地图标注服务中心铺相关信息,指路人地图标注服务中心铺名称、地址、电话等(带色*号的必须要填写)。注意一定要点击地址标注位置。
6、之后填写品牌,所属行业、营业时间、头像(最好的指路人地图标注服务中心铺的形象图),注意带红色*的必须要填写。然后点击下一步。
7、最后填写联系人电话及上传资质、营业执照等相关证件。填写和上传好以后,就可以提交了,等管理员审核即可完成。

社群空间资源共
1、地图APP到手机桌面上
2、打开APP登录账号
3、点击首页的上报填写资料
4、对应把门指路人地图标注服务中心名称、标注、图片、电话上传
5、点击审核,等待上报结果预估2-3个工作日会有审核结果,如果还有不清楚可大街推地图标注,专业地图标注、LBS门指路人地图标注服务中心标注,希望能帮助您!
如何在地图上设置地标

Fancy珂钦
需要的材料有:电脑内、地图
1、首容先打开地图,点击右上角“商户免费标注”选项。
2、然后在该页面中点击“标注认领单个商户”选项。
3、之后在该页面中填写省,市,县,公司名称后点击“搜索”图标选项。
4、然后在该页面中点击右侧“免费添加标注”选项。
5、最后在该页面中根据需要将带星号右侧的空格填写完毕后,点击“提交”选项即可。
6、然后显示提交成功,等待审核完成就可以了。

双层吉士汉堡
2、然后点击进入到地图的页面。
3、页面下拉,找到右下角的商户免费标记,点击进入。
4、接着在弹出的对话框中选择点击添加新地点。
5、最后把内容补充完整,包括地址、名称、电话、精确位置等就行了。
如何在地图上设置指路人地图标注服务中心面位置

非洲

小超姐姐
个体商铺如何在地图上可以搜索到。

少年如他