百度地图的使用
2022-06-30 本文已影响0人
默色留恋
一、准备工作
1:首先打开百度地图开放平台网站百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com)
https://lbsyun.baidu.com/?qq-pf-to=pcqq.group
2:注册一个个人开发者账号。

创建好后点击控制台,找到应用管理--我的应用,新建一个应用

创建一个名为mymap的应用

至此我们便完成了创建工作。
二、项目使用
简单地图的实现
1、 代码引入
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>

点线面的实现
点此查看https://blog.csdn.net/qq_60633836/article/details/123910946?spm=1001.2014.3001.5502
三、在vue项目中使用百度地图
1、在项目public文件下方的index.html中导入
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>

此文章借鉴一只小小的蜗牛_