百度高德地图JS-API学习手记:地图基本设置与省市区数据加载

无论是百度还是高德地图开发，还是高德地图开发。官方的给的案例启示很多，copy再修改下，就完成了

概述-地图 JS API | 高德地图API  地图 JS API | 百度地图API SDK

这个大致看一下，我想。有点GIS基础都能完成地图开发。

个人认为百度的文档更友好些，起码排版让人感觉舒服很多。

高德地图 主要在参考手册里面找各类服务，然后应用到实际项目

在react和vue中，我们通过动态插入script 元素，onload 加载代码。

/*** 异步加载JS* @param scriptSrc {string} js url地址* @return {Promise}*/
export default function loadMapScript (scriptSrc) {return new Promise((resolve) => {let mapScript = document.createElement('script')mapScript.src = scriptSrcdocument.body.appendChild(mapScript)mapScript.onload = resolve})
}

别人写好的参考，git上面有这个：GitHub - iDerekLi/amap-js: 基于AMap高德地图构建的API加载器。

行政区域查询：行政区查询-服务-教程-地图 JS API | 高德地图API 获取的是普通JSON数据

行政区域浏览：概述-地图 JS API | 高德地图API 能够获取的GeoJSON 数据

高德提供了全国区域 

省市区json数据查询 https://webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/assets/d_v1/country_tree.json

省市查询 https://webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/assets/d_v1/area_tree.json

在功能上，个人觉得百度地图根强。特别是mapV。而且百度地图文档方面也跟美观。

手动绘制区域 生成 GeoJSON 数据的 工具：http://geojson.io/#map=10/26.8719/112.4437

自己动手做的话，推荐阅读《百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域》

转载本站文章《百度高德地图JS-API学习手记:地图基本设置与省市区数据加载》,
请注明出处：百度高德地图JS-API学习手记:地图基本设置与省市区数据加载 - WebGIS网页地图开发笔记手札 - 周陆军的个人网站