vue接入腾讯地图(一)【点击事件】

1、【调用展示】

在https://lbs.qq.com/guides/startup.html申请一个key

//先在vue的index.html里面引入腾讯地图包

//.vue

效果图

2、【地图中添加点击事件】

• 添加点击事件 qq.maps.event.addListener(map, 'click', function(event) { alert("你点击了地图"); });

• 点击事件中获取经度this.longitude = event.latLng.getLat();

• 点击事件中获取纬度this.latitude = event.latLng.getLng();

完整案例

//先在vue的index.html里面引入腾讯地图包

//.vue

效果图

以上内容转载自前端来入坑的文章《vue使用腾讯地图（一）》

链接：https://www.jianshu.com/p/130cdbd07394

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。