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

一般来说获取当前位置有两种方式:
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
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值