24小时免费服务热线：15320418221

立即标注

js清除地图marker标记

更新日期：2023-02-23 09:24:33 浏览：1317

最佳回答

1）创建一个命名图层，这个图层专门显示标签和标记点

//创建一个名为myOverlay的图层

GMapOverlay markerOverlay = new GMapOverlay("myOverlay");

//将图层加入到地图控件

mapControl.Overlays.Add(markOverlay);2）向命名图层中添加标记点

//首先，通过图层名字，从地图控件找到上一步添加的图层

GMapOverlay overlay = mapControl.Overlays["myOverly"];

//然后，向这个图层添加标记点

GMapMarker marker = new GMapMarker(3
2.11183, 11
8.398202);

overlay.Markers.Add(marker);3）清除命名图层中的Maker

//首先，通过图层名字，从地图控件找到上一步添加的图层

GMapOverlay overlay = mapControl.Overlays["myOverly"];

//然后清除这个图层上的所有标记点

overlay.Markers.Clear();

以琛发表于 2021-06-18 17:50:25

其他回答

1 注册账号，到地图的API申请个KEY，免费的每天有固定的，付费就很多了。<br>2 申请了Key后，在你的Html 页面上引入：<br><script type="text/javascript" src="链接您的密钥"></script><br>3 <br>在HTML的Body中，放入一个div，用于显示地图的地方<br><br><div id="allmap"></div><br>4<br>写入显示到地图的图标方法<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>5 保存后，打开您的HTML，界面将会显示出第四步的坐标地址 Point(11
6.400244,3
9.92556); <br>6<br>点击地图上的红色图标地址，将调用刚才写的 <br>function getAttr(){<br>var p = marker.getPosition(); //获取marker的位置<br>alert("marker的位置是" + p.lng + "," + p.lat); <br>}<br>方法，弹出提示框。<br>这个方法，看具体需要调用什么方法，就写什么内容喽。<br>至此，入参坐标调用API显示到地图上的图标，方法实现。更多请查看API提供的方法，很丰富~

小芊宝发表于 2021-06-18 17:56:27

<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>

老胡发表于 2021-06-18 17:47:09

度账号，到地图的API申请个KEY，免费的每天有固定的，付费就很多了。

申请了Key后，在你的Html 页面上引入：

在HTML的Body中，放入一个div，用于显示地图的地方

写入显示到地图的图标方法

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-06-18 18:01:58

了。2 申请了Key后，在你的Html 页面上引入：<script type="text/javascript" src="链接您的密钥"></script>3 在HTML的Body中，放入一个div，用于显示地图的地方<div id="allmap"></div>4写入显示到地图的图标方法<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>5 保存后，打开您的HTML，界面将会显示出第四步的坐标地址 Point(11
6.400244,3
9.92556); 6点击地图上的红色图标地址，将调用刚才写的 function getAttr(){var p = marker.getPosition(); //获取marker的位置alert("marker的位置是" + p.lng + "," + p.lat); }方法，弹出提示框。这个方法，看具体需要调用什么方法，就写什么内容喽。至此，入参坐标调用API显示到地图上的图标，方法实现。更多请查看API提供的方法，很丰富~

微信业务发表于 2021-06-18 18:16:02

1注册账号，到地图的API申请个KEY，免费的key每天有固定的查询流量，付费就很多了。2申请了Key后，在你的Html页面上引入js：3在HTML的Body中，放入一个div，用于显示地图的地方4写入显示到地图的图标js方法5保存后，打开您的HTML，界面将会显示出第四步的坐标地址Point(11
6.400244,3
9.92556);6点击地图上的红色图标地址，将调用刚才写的functiongetAttr(){varp=marker.getPosition();//获取marker的位置alert("marker的位置是"+p.lng+","+p.lat);}方法，弹出提示框。这个方法，看具体需要调用什么方法，就写什么内容喽。至此，入参坐标调用API显示到地图上的图标，方法实现。请查看API提供的方法，很丰富~

蚀啪样续逛摘貌发表于 2021-06-18 17:14:25

你这个panel和标注marker是自己定义的吗？如果是直接调用的的接口是不能添加事件的除非自己定义的如下： localSearch.setSearchCompleteCallback(function (searchResult) { var poi = searchResult.getPoi(0); var marker = new BMap.Marker("南京市",13); map.addOverlay(marker); //自定义标注内容 var content = document.getElementById("text_").value + "名称：" + poi.title + "地址：" + poi.Address; var infoWindow = new BMap.InfoWindow("" + content + ""); marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); }); });地图JS API 关于点标注的onmouseover事件

旅行的蜗牛发表于 2021-06-18 17:26:44

，，发表于 2021-06-18 17:26:50

1 注册账号，到地图的api申请个key，免费的key每天有固定的查询流量，付费就很多了。<br>2 申请了key后，在你的html 页面上引入js ：<br><script type="text/javascript" src="http://api.map.baidu.com/api?v=
2.0&ak=您的密钥"></script><br>3 <br>在html的body中，放入一个div，用于显示地图的地方<br><br><div id="allmap"></div><br>4<br>写入显示到地图的图标js方法<br><script type="text/javascript"> <br>var map = new bmap.map("allmap");<br>var point = new bmap.point(11
6.400244,3
9.92556);<br>map.centerandzoom(point, 12);<br>var marker = new bmap.marker(point); // 创建标注<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>5 保存后，打开您的html，界面将会显示出第四步的坐标地址 point(11
6.400244,3
9.92556); <br>6<br>点击地图上的红色图标地址，将调用刚才写的 <br>function getattr(){<br>var p = marker.getposition(); //获取marker的位置<br>alert("marker的位置是" + p.lng + "," + p.lat); <br>}<br>方法，弹出提示框。<br>这个方法，看具体需要调用什么方法，就写什么内容喽。<br>至此，入参坐标调用api显示到地图上的图标，方法实现。更多请查看api提供的方法，很丰富~

bbbccc 发表于 2021-06-18 17:26:50

最近在做车辆显示到地图上，需要看到当前车辆在哪里，那么则需要通过当前车辆的坐标，显示到地图上去，怎么做呢？通过提供的API来实现

工具/原料

地图API的key

方法/步骤

注册账号，到地图的API申请个KEY，免费的key每天有固定的查询流量，付费就很多了。

申请了Key后，在你的Html 页面上引入js ：

在HTML的Body中，放入一个div，用于显示地图的地方

写入显示到地图的图标js方法

var map = new BMap.Map("allmap");

var point = new BMap.Point(11
6.400244,3
9.92556);

map.centerAndZoom(point, 12);

var marker = new BMap.Marker(point); // 创建标注

map.addOverlay(marker); // 将标注添加到地图中

marker.addEventListener("click",getAttr);

function getAttr(){

var p = marker.getPosition(); //获取marker的位置

alert("marker的位置是" + p.lng + "," + p.lat);

}

保存后，打开您的HTML，界面将会显示出第四步的坐标地址 Point(11
6.400244,3
9.92556);

点击地图上的红色图标地址，将调用刚才写的

function getAttr(){

var p = marker.getPosition(); //获取marker的位置

alert("marker的位置是" + p.lng + "," + p.lat);

}

方法，弹出提示框。

这个方法，看具体需要调用什么方法，就写什么内容喽。

至此，入参坐标调用API显示到地图上的图标，方法实现。更多请查看API提供的方法，很丰富~

哈哈发表于 2021-06-18 17:53:15

js清除地图marker标记

最佳回答

其他回答

相关地图标注文章

相关地图标注热门问答

相关地图标注专题