vue +百度地图2-标点（也许待改进

weixin_58412143

已于 2023-03-14 14:40:04 修改

阅读量545

点赞数

文章标签： vue.js javascript 前端

于 2023-03-14 14:28:03 首次发布

本文链接：https://blog.csdn.net/weixin_58412143/article/details/129525928

版权

1、一张图添加多个点

//平面图标记点位
      imgMark: true,
      // bgSrc,
      markSrc,
      markerArr: [],
      showNum: false,
      // 标记图坐标显示
      markData: {
        xAxis: 0,
        yAxis: 0,
        rowIndex: 0,
        imggeUrl: require('../../../assets/404_images/404_cloud.png'),
      },
      // 红点数
      index: 0,
      markVisible: false,//是否展示弹窗

共同代码

 biaodian() {
      this.markVisible = true
      this.canBiaoZhu = true
    },
    //结束标注
    endBiaoZhu() {
      this.markVisible = false
      this.canBiaoZhu = false
    },
    // 取消标注
    cancelBiaoZhu() {
      this.markVisible = false
      this.canBiaoZhu = false
      this.markData.xAxis = ''
      this.markData.yAxis = ''
      this.markData.rowIndex = 0
    },
//删除标点
del(index) {
      this.markerArr.splice(index, 1);
    },
clickMarkPoint(e) {
      // // e.offsetX 相对于图片的X坐标
      // //  e.offsetY 相对于图片的Y坐标