项目是vue3+ts的,然后需要用到定位,引用的第三方地图是腾讯地图的。
用的是腾讯地图的前端地图组件
腾讯地图前端地图组件
第一步,在index.html中引入
<script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js">
</script>
第二步,在你需要用到定位的vue文件内定义逻辑
这里需要用到申请的腾讯地图key
<script setup lang='ts'>
// 获取地址
const geolocation = new (window as any).qq.maps.Geolocation("你申请的key", "myapp");
geolocation.getLocation((res: any) => {
console.log("定位成功",res);
}, (err: any) => {
console.log("定位失败",err);
}, {timeout: 100000})
</script>