百度地图入门教程

        百度地图官方网站 https://lbs.baidu.com/，LBS：locationBusinessServer 基于定义位置的商业服务。百度地图提供七大功能与服务：定位、地图、轨迹、路线规划、导航、路况、搜索等。本文主要介绍在HTML及vue中如何导入并使用百度地图。

一、使用步骤

1.1登录注册，获取密钥(AK)

        进入https://lbs.baidu.com/，注册帐号，注意以开发者身份注册，需要实名制。注册以后，就是获取密钥了。首页-->控制台-->应用管理-->我的应用-->创建应用，如下图：

 点击提交后，就可以获取AK，点击复制。

1.2 引入百度地图js

        创建一个html文档，引入js

<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=L1YGW8qk0fHKxneUYjLLxq8GlOZv5xau">
//L1YGW8qk0fHKxneUYjLLxq8GlOZv5xau即为第一步获取的AK

1.3 建立容器

//创建容器样式
<style>
#container{
		width: 800px;
		height: 600px;
		}
</style>
//创建容器
<div id="container"></div>

1.4 初始化地图

在script标签内进行地图初始化