dragon_brg
2020-03-23 18:12
采纳率: 40%
浏览 1.6k

腾讯地图怎样在marker弹出的信息窗口添加点击事件? 请求大佬指教

在弹出的窗口在添加点击事件,搞了两小时没有头绪 vue项目

红框加点击事件

html代码
 <div>
        <div id="container" style="width:900px;height:450px;">
        </div>
 </div>

js代码,给模板中的button添加点击事件

TMap().then(qq => {
        var center = new qq.maps.LatLng(31.697393, 117.083008)
        var map = new qq.maps.Map(document.getElementById('container'), {
          // 地图的中心地理坐标
          center: center,
          // 初始化地图缩放级别
          zoom: 15
        })
        var infoWin = new qq.maps.InfoWindow({
          map: map
        })
        var thih = this
        for (let i = 0; i < thih.datatable.length; i++) {
          var marker = new qq.maps.Marker({
            position: new qq.maps.LatLng(thih.datatable[i].latitude, thih.datatable[i].longitude),
            map: map
          })
          marker.id = thih.datatable[i].id
          qq.maps.event.addListener(marker, 'click', function () {
            console.log(thih.datatable[i])
            infoWin.open()
            infoWin.setContent(`<div>${thih.datatable[i].address}{上班} <p>人数: ${thih.datatable[i].arriveTime} <button id='aa' style='color:red'>查看详情</button></p></div>`)
            // 提示窗位置
            infoWin.setPosition(new qq.maps.LatLng(thih.datatable[i].latitude, thih.datatable[i].longitude))
          })
        }
      })
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • zt13502162671 2020-03-24 22:26
    已采纳

    这样子不可以吗?

    <button id='aa'  onclick='alert(12)' style='color:red'>查看详情</button>
    
    已采纳该答案
    1 打赏 评论
  • console.log( ) 2020-03-24 09:11

    button不是有id吗 根据id加不行吗

    1 打赏 评论

相关推荐 更多相似问题