使用百度地图API

---

前言

百度地图API是一个免费开放的接口，用于获取百度地图的资源，并进行相关操作。

---

第一步：注册百度账号和AK

进入百度地图开放平台>控制台>创建应用

应用名称随便取一个，只要符合命名规范就可以了

应用类型根据自己的项目类型进行选择

白名单由于是自己本地测试，所以只填*就可以

第二步：获得创建项目的AK

控制台>应用管理>我的应用

第三步：将JS文件引用到项目

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>

密钥即访问应用(AK),直接复制过来就可以了。

第四步：创建地图容器

<div id="allmap"></div>

设置地图容器的宽度与高度，否则看不见地图

<style type="text/css">
	body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>

第五步：设置地图中心点以及控件

<script type="text/javascript">
// 百度地图API功能
var map =  new BMapGL.Map("allmap");//获得地图容器
var point = new BMapGL.Point(114.17,30.35);//设置地图中心点的经纬坐标
map.centerAndZoom(point, 18);//设置地图的缩放比例
//创建标记点
var marker = new BMapGL.Marker(point);
map.addOverlay(marker); // 将标注添加到地图中
</script>

参考：百度地图开发平台开发文档