vue 地理位置定位_Vue 通过调用百度API获取地理位置-经度纬度省份城市

本文介绍了如何在Vue项目中使用百度API获取地理位置信息。通过创建js文件加载地图API,然后在Vue组件中设置数据和方法,利用mounted生命周期钩子调用地图API并获取经纬度及省市区信息。在methods中定义了定位方法,处理各种状态并更新位置数据。
摘要由CSDN通过智能技术生成

一、首先在百度api注册获得ak密钥

df45cde89996ccc7c44f93db713c50b0.png

二、新建js文件,我命名为loadBMap.js,里面创建script,代码如下:

/**

* 加载地图

* @param {Function} callback 回调函数名称,回调函数将会挂载到window上,例如:window.initBaiduMapScript,在方法中就能拿到BMap对象

*/export functionloadBMap(callback) {

var script = document.createElement('script')

script.src = 'http://api.map.baidu.com/api?v=2.0&ak=你的AK&callback=' +callback

document.body.appendChild(script)

}

三、在Vue页面中导入js

import { loadBMap } from './loadBMap'

四、在Vue页面中定义一些需要用到的数据

data () {

return{

BMap: null,

geolocation: null, //Geolocation对象实例

position

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值