vue-baidu-map插件中bm-marker组件嵌套bm-info-window组件使用,在地图上生成多个点

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:43   2109   0

template:

 markers: [
        {
          lng: 113.001546,
          lat: 28.20648,
          name: "测试矛盾111",
          showFlag: false //flag放在每一条数据里
        },
        {
          lng: 113.001546,
          lat: 27.20648,
          name: "测试矛盾112",
          showFlag: false
        }
      ],

data:

 markers: [
        {
          lng: 113.001546,
          lat: 28.20648,
          name: "测试矛盾111",
          showFlag: false //flag放在每一条数据里
        },
        {
          lng: 113.001546,
          lat: 27.20648,
          name: "测试矛盾112",
          showFlag: false
        }
      ]

method:

  // 点击点坐标赋值
    lookDetail(marker) {
      marker.showFlag = true;
      this.infoWindow.info = marker;
    },
    // 关闭弹窗
    infoWindowClose(marker) {
      marker.showFlag = false;
    },
    // 打开弹窗
    infoWindowOpen(marker) {
      marker.showFlag = true;
    },

3. 使用 <bm-label> 点位置添加标注

<bm-marker>
  <bm-label
    content="1"
    :labelStyle="{color: '#fff', fontSize : '12px',background:'rgba(0, 0, 0, 0)',borderColor:'rgba(0, 0, 0, 0)'}"
    :offset="{width: 4,height:2 }"
  />
</bm-marker>
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP