無論是百度還是高德地圖開發(fā)，還是高德地圖開發(fā)。官方的給的案例啟示很多，copy再修改下，就完成了

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

這個(gè)大致看一下，我想。有點(diǎn)GIS基礎(chǔ)都能完成地圖開發(fā)。

個(gè)人認(rèn)為百度的文檔更友好些，起碼排版讓人感覺舒服很多。

高德地圖 主要在參考手冊(cè)里面找各類服務(wù)，然后應(yīng)用到實(shí)際項(xiàng)目

在react和vue中，我們通過動(dòng)態(tài)插入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上面有這個(gè)：GitHub - iDerekLi/amap-js: 基于AMap高德地圖構(gòu)建的API加載器。

行政區(qū)域查詢：行政區(qū)查詢-服務(wù)-教程-地圖 JS API | 高德地圖API?獲取的是普通JSON數(shù)據(jù)

行政區(qū)域?yàn)g覽：概述-地圖 JS API | 高德地圖API?能夠獲取的GeoJSON 數(shù)據(jù)

高德提供了全國區(qū)域?

省市區(qū)json數(shù)據(jù)查詢?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

在功能上，個(gè)人覺得百度地圖根強(qiáng)。特別是mapV。而且百度地圖文檔方面也跟美觀。

手動(dòng)繪制區(qū)域 生成 GeoJSON 數(shù)據(jù)的 工具：http://geojson.io/#map=10/26.8719/112.4437

自己動(dòng)手做的話，推薦閱讀《百度高德地圖行政區(qū)域邊界GeoJSON數(shù)據(jù)獲取并繪制行政區(qū)域》

轉(zhuǎn)載本站文章《百度高德地圖JS-API學(xué)習(xí)手記:地圖基本設(shè)置與省市區(qū)數(shù)據(jù)加載》,
請(qǐng)注明出處：百度高德地圖JS-API學(xué)習(xí)手記:地圖基本設(shè)置與省市區(qū)數(shù)據(jù)加載 - WebGIS網(wǎng)頁地圖開發(fā)筆記手札 - 周陸軍的個(gè)人網(wǎng)站