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

305 阅读1分钟

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

lbs.amap.com/api/javascr… lbsyun.baidu.com/index.php?t…

这个大致看一下,我想。有点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 = scriptSrc
    document.body.appendChild(mapScript)
    mapScript.onload = resolve
  })
}

别人写好的参考,git上面有这个:github.com/iDerekLi/am…

行政区域查询:lbs.amap.com/api/javascr… 获取的是普通JSON数据

行政区域浏览:lbs.amap.com/api/javascr… 能够获取的GeoJSON 数据

高德提供了全国区域

省市区json数据查询 webapi.amap.com/ui/1.0/ui/g…

省市查询 webapi.amap.com/ui/1.0/ui/g…

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

手动绘制区域 生成 GeoJSON 数据的 工具:geojson.io/#map=10/26.…

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

转载本站文章《百度高德地图JS-API学习手记:地图基本设置与省市区数据加载》,
请注明出处:www.zhoulujun.cn/html/GIS/We…