html前端使用高德地图入门教程分享
导读： 注册Key 如果开发者账号包括Key已经有了，请忽略此步骤 首先，注册开发者账号，成为高德开放平台开发者 登陆之后，在进入「应用管理」 页面「创建新应用」 为应用添加 Key，「服务平台」一项请选择「 Web 端...
注册Key
如果开发者账号包括Key已经有了，请忽略此步骤
首先，注册开发者账号，成为高德开放平台开发者
登陆之后，在进入「应用管理」 页面「创建新应用」
为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」
记住这个Key，等会要用，以后可能也会用，一定要记住。
前期页面上的准备
此时距离你的页面上出现地图，已经更近了一步
新建一个DIV，作为地图的容器（这一步和使用其他插件一样，必须新建一个挂载点）。给这个新建的div设置好宽高（这里提醒一下，可以使用弹性布局，没有影响）。在body后面引入高德地图的js。最后，异步初始化高德地图插件，一定要异步，使用window.onLoad。
好了，现在你的页面上已经出现了高德地图
地图本身功能有限，很多地方需要使用插件满足自己的需求
引入插件创建插件实例调用插件方法
引入插件
1.异步引入插件（推荐这种）
2.同步引入插件（不推荐使用，就不讲了）
如果在地图初始化时不配置中心点，和缩放级别，这个时候地图上面默认是你所处的位置，缩放级别也是默认的
PC端默认是IP定位，如果IP定位无法使用则会自动切换到浏览器定位
移动端默认是浏览器定位，如果浏览器定位无法使用则会自动切换到IP定位
浏览器定位
定位到当前位置
点击按钮，定位到当前位置
IP定位获取当前城市信息
目前只用到点标记，所以暂时只讲点标记
点标记
使用点标记肯定都是自定义点标记，可以自定义图片，字体等
灵活点标记
标记大小会随着地图缩放跟着变化
导航，导航同样属于覆盖物范围
海量点标记MassMarks
海量点标记不是普通的覆盖物，它实际上是由海量点组成的一个图层对于1000个以上的点标记，强烈建议海量点，相当于减少dom操作，极大的提升了浏览器性能
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html前端使用高德地图入门教程分享
本文地址： https://pptw.com/jishu/661541.html