vue页面怎么监听腾讯地图marker的点击事件
在Vue页面中监听腾讯地图marker的点击事件,可以通过以下步骤实现:
- 在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() {
// 处理点击事件
});
}
- 在
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。
原文地址: http://www.cveoy.top/t/topic/bnLi 著作权归作者所有。请勿转载和采集!