vue3使用腾讯地图获取地图上点击处的经纬度
时间: 2023-12-12 10:05:13 浏览: 125
根据点击的地图获取经纬度
要在Vue3中使用腾讯地图获取地图上点击处的经纬度,你需要使用腾讯地图JavaScript API提供的事件监听器。
首先,在Vue组件中引入腾讯地图JavaScript API:
```javascript
<script src="https://map.qq.com/api/js?v=2.exp&key=YOUR_KEY"></script>
```
然后,在Vue组件的mounted生命周期中创建地图,并添加点击事件监听器:
```javascript
mounted() {
// 创建地图
this.map = new qq.maps.Map(document.getElementById("map"), {
center: new qq.maps.LatLng(39.916527, 116.397128),
zoom: 13
});
// 添加点击事件监听器
qq.maps.event.addListener(this.map, "click", event => {
console.log(event.latLng);
});
}
```
在点击地图时,事件监听器会触发并打印出点击处的经纬度信息。你可以将其存储到Vue组件的data或者vuex状态管理中,以便后续使用。
注意,你需要将YOUR_KEY替换为你在腾讯地图开放平台申请的API密钥。
阅读全文