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

来源：互联网发布：视频编辑软件编辑：程序博客网时间：2024/05/20 20:21

因项目的需求需要用的百度地图，发现为标注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)}));//为标注设置一个标签});

鼠标移上的效果

2、鼠标离开移除标签

通过设置标签的样式及内容隐藏标签，达到移除的效果。

marker.addEventListener("mouseout",function(e){var label = this.getLabel()label.setContent("");//设置标签内容为空label.setStyle({borderWidth:"0px"});//设置标签边框宽度为0});

鼠标离开时效果

0 0