【vue+百度地图】vue项目使用百度地图API（普通展示）

最新推荐文章于 2024-06-11 01:42:35 发布

栀妹儿

最新推荐文章于 2024-06-11 01:42:35 发布

阅读量1.9k

点赞数 2

文章标签： vue.js 百度前端

本文链接：https://blog.csdn.net/weixin_38990605/article/details/121908569

版权

本文介绍了如何在Vue项目中使用百度地图API，包括申请API密钥、引入地图、创建地图容器及加载地图，最终实现在页面上展示地图功能。

摘要由CSDN通过智能技术生成

方法来自大神【超华】

根据官网流程：

登录自己的百度账号->
申请然后点击邮箱内获取的新链接->
填写自己需要的信息（Referer白名单没有可以填：*）->
拥有自己的应用（保存好绿色圈圈的密钥）

替换public文件夹下的index.html
ak换成刚刚保存的密钥

<script src="//api.map.baidu.com/api?v=2.0&ak=我们申请下来的ak" type="text/javascript"></script>

// 必须有一层是规划好宽高的
<div style="width: 570px; height: 400px; padding-left: 30px;">
  <div  style="

关注