百度地图api关于标注和覆盖物

2020-09-23  本文已影响0人  瓷爹

添加跳跃的标识

let point = new BMap.Point(116.49913,39.932863);
let marker = new BMap.Marker(point);
this.map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE);// 标注可以跳动

添加圆形覆盖物

var circle = new BMap.Circle(point, 1000);
circle.setFillColor("blue"); //填充颜色
circle.setStrokeWeight(1); //    设置圆形边线的宽度,取值为大于等于1的整数。
circle.setFillOpacity(0.5); // 返回圆形的填充透明度。
circle.setStrokeOpacity(0); // 设置圆形的边线透明度,取值范围0 - 1
this.map.addOverlay(circle); // 把圆添加到地图中

移入显示标签移出移除标签

marker.addEventListener("mouseover",function(e){
   marker.setLabel(new BMap.Label("这是一个标签",{offset:new BMap.Size(10,-20)}));//为标注设置一个标签
});
marker.addEventListener("mouseout",function(e){
   var label = this.getLabel()
   label.setContent("");//设置标签内容为空
   label.setStyle({borderWidth:"0px"});//设置标签边框宽度为0
});

如果想要创建多个覆盖物或者标签,直接把他们塞到一个for循环里即可
删除所有标记

delAlarm () {
  this.map.clearOverlays();//删除全部
}
上一篇 下一篇

猜你喜欢

热点阅读