百度地图api为标注设置与删除文字标签

最新推荐文章于 2023-02-16 23:49:48 发布

夹尾狼

最新推荐文章于 2023-02-16 23:49:48 发布

阅读量1.2w

点赞数 2

分类专栏：百度地图 javascript html 文章标签：百度地图标签标注

本文链接：https://blog.csdn.net/u010847813/article/details/51212730

版权

本文介绍了如何在百度地图API中实现在鼠标移上标注Marker时显示文字标签，以及鼠标离开时删除标签的功能。通过变通方法，实现了Marker的标签显示与移除，满足项目需求。

摘要由CSDN通过智能技术生成

因项目的需求需要用的百度地图，发现为标注Marker设置文字标签时，只有标签Label的设置与获取，而并没有移除功能，百度后也没有的到可行方法，然后研究一种变通点的方法也实现标签的设置与删除，和大家分享一下。

实现功能：当鼠标移动到标注上时显示文字标签，而离开标注时删除标签。

1、鼠标移上显示标签

var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 35.915);//创建一个点
map.centerAndZoom(point, 15);
var marker = new BMap.Marker(point);  // 创建标注
map.addOverlay(marker);               // 将标注添加到地
marker.addEventListener("mouseover",function(e){
<span style="white-space:pre">	</span>marker.setLabel(new BMap.Label("这是一个标签!!!!!!!!!!!!!!",{offset:new BMap.Size(10,-20)}));//为标注设置一个标签
});

鼠标移上的效果