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

添加跳跃的标识

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();//删除全部
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值