vue中导入百度地图获取当前位置

这篇博客介绍了在Vue项目中如何导入百度地图API来获取当前位置。通过两种方法,一是直接在index.html中引入script标签,二是创建js文件动态加载。文章指出,不展示地图时,直接引入script标签的方式更为高效,而从vue-baidu-map组件的Ready回调获取BMap对象速度较慢。
摘要由CSDN通过智能技术生成

一般来说获取当前位置有两种方式:
1.通过script标签导入
2.通过vue-baidu-map获取到BMap
我们采用第一种方式,因为第二种方式需要导入一个地图组件(如果不想展示地图),并且获取BMap对象是从组件的Ready的回调中获取,速度就很感人了。
废话不多说,上代码。

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

在这里插入图片描述

二、进行引入

(1)、第一种方式:
    直接在vue中index.html中用script标签引入。

//你的ak密钥需要替换真实的你的ak码
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=uvN6vatvU44OQ0a9yuXdQZxTXODHGuLI"></script>

(2)、第二种方式:

新建js文件,我命名为loadResources,里面创建script

// 这段代码写在js文件里
export function loadBMap(funcName) 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值