admin管理员组

文章数量:1559755

vue web项目中调用腾讯地图API获取当前位置的经纬度

vue web项目中调用腾讯地图API获取当前位置的经纬度

在main.js 中添加一下代码

import axios from 'axios'

axios.defaults.baseURL='#'

Vue.prototype.$http = axios

//这里学过vue使用过axios的人应该都可以看懂，就不做过多解释了

之后需要去腾讯地图位置服务中注册一个账号并申请key

回到我们的需要获取的页面中填入一下代码`

export default {

name: 'Home',

components: {

HelloWorld

},

created() {

this.getlocation()

},

methods: {

//这边使用了async，await去简化Promise并解构获取到的数据

//其中axios中的 https://apis.map.qq/ws/location/v1/ip 是在下图中获取这里的key就是之前申请的

async getlocation() {

const {

data: res

} &#

本文标签： 当前位置腾讯地图经纬度项目

版权声明：本文标题：html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度... 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1727424071a1113883.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。