在Vue页面中监听腾讯地图marker的点击事件,可以通过以下步骤实现:

  1. 在Vue组件的mounted钩子函数中初始化地图,并创建marker对象,如下所示:
mounted() {
  // 初始化地图
  let map = new qq.maps.Map(document.getElementById('map'), {
    center: new qq.maps.LatLng(39.916527,116.397128),
    zoom: 13
  });
  // 创建marker
  let marker = new qq.maps.Marker({
    position: new qq.maps.LatLng(39.916527,116.397128),
    map: map
  });
  // 监听marker的点击事件
  qq.maps.event.addListener(marker, 'click', function() {
    // 处理点击事件
  });
}
  1. mounted钩子函数中,通过qq.maps.event.addListener方法监听marker的click事件,当marker被点击时,执行相应的处理函数。

注意:在Vue组件中使用腾讯地图需要在index.html中引入腾讯地图JS API的代码,如下所示:

<script src="https://map.qq.com/api/js?v=2.exp&key=YOUR_KEY"></script>

其中,YOUR_KEY为腾讯地图开放平台申请的API key。

vue页面怎么监听腾讯地图marker的点击事件

原文地址: http://www.cveoy.top/t/topic/bnLi 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录