美文网首页
百度地图api关于标注和覆盖物

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

作者: 瓷爹 | 来源:发表于2020-09-23 15:09 被阅读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();//删除全部
    }
    

    相关文章

      网友评论

          本文标题:百度地图api关于标注和覆盖物

          本文链接:https://www.haomeiwen.com/subject/sdkoyktx.html