dragon_brg 2020-03-23 18:12 采纳率: 0%
浏览 2431
已采纳

腾讯地图怎样在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条)

报告相同问题?

悬赏问题

  • ¥20 jsp在SpringMVC框架中手动设置域对象失效的场景
  • ¥15 stc -isp烧录时显示通信超时
  • ¥15 VS2022的代码折叠加减号不见了怎么办?
  • ¥15 电脑登录粤政易软件,二维码一直空白,或账号密码登录提示服务器登录失败,是什么原因(相关搜索:防火墙)
  • ¥30 微博热门内容爬虫报错
  • ¥15 selenium获取非固定位置的元素
  • ¥50 手写签名不能上传的问题
  • ¥30 linux odbc怎么添加gbase数据库
  • ¥20 电脑开机黑屏,只有一个鼠标,联想zj者y7000
  • ¥20 DXSDK_jun10