注册Key

 

　　如果开发者账号包括Key已经有了，请忽略此步骤

 

　　首先，注册开发者账号，成为高德开放平台开发者

 

　　登陆之后，在进入「应用管理」 页面「创建新应用」

 

　　为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」

 

　　记住这个Key，等会要用，以后可能也会用，一定要记住。

 

　　前期页面上的准备

 

　　此时距离你的页面上出现地图，已经更近了一步

 

　　新建一个DIV，作为地图的容器（这一步和使用其他插件一样，必须新建一个挂载点）。给这个新建的div设置好宽高（这里提醒一下，可以使用弹性布局，没有影响）。在body后面引入高德地图的js。最后，异步初始化高德地图插件，一定要异步，使用window.onLoad。

 

　　好了，现在你的页面上已经出现了高德地图

 

　　地图本身功能有限，很多地方需要使用插件满足自己的需求

 

　　引入插件创建插件实例调用插件方法

 

　　引入插件

 

　　1.异步引入插件（推荐这种）

 

　　2.同步引入插件（不推荐使用，就不讲了）

 

　　如果在地图初始化时不配置中心点，和缩放级别，这个时候地图上面默认是你所处的位置，缩放级别也是默认的

 

　　PC端默认是IP定位，如果IP定位无法使用则会自动切换到浏览器定位

 

　　移动端默认是浏览器定位，如果浏览器定位无法使用则会自动切换到IP定位

 

　　浏览器定位

 

　　定位到当前位置

 

　　点击按钮，定位到当前位置

 

　　IP定位获取当前城市信息

 

　　目前只用到点标记，所以暂时只讲点标记

 

　　点标记

 

　　使用点标记肯定都是自定义点标记，可以自定义图片，字体等

 

　　灵活点标记

 

　　标记大小会随着地图缩放跟着变化

 

　　导航，导航同样属于覆盖物范围

 

　　海量点标记MassMarks

 

　　海量点标记不是普通的覆盖物，它实际上是由海量点组成的一个图层对于1000个以上的点标记，强烈建议海量点，相当于减少dom操作，极大的提升了浏览器性能