vue bigemap地图 popuop

最新推荐文章于 2024-10-16 18:35:07 发布

长箭已搭弓

最新推荐文章于 2024-10-16 18:35:07 发布

阅读量164

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/include_computer/article/details/134165314

版权

地图点位自定义信息窗体，窗体点击事件实现
在这里插入图片描述

let divHtml = '<p>基本信息</p>' +
        `<p>乡镇街道: ${ makerMsg.name }</p>` +
        `<p>乡镇书记: ${ makerMsg.sj }(${ makerMsg.sjSjhm })</p>` +
        '<div id="clickId">查看详情</div>'
      this.marker = BM.marker(coord, { draggable: true }).bindPopup(divHtml).addTo(this.map);
      this.marker.on('popupopen', () => {
        const btn = document.getElementById('clickId')
        if (btn) btn.addEventListener('click', () => {
        // 点击信息窗体内的操作按钮后的逻辑
          this.dwxqVisible = true
        })
      })