擷取中國各省市區縣經緯度的方法
前端開發過程中有很多需求涉及到可視化資料展示，其中地圖資料展示占據了很大一部分。資料可視化地圖展示不論使用現有的可視化架構EChart、Highcharts，還是現在比較火爆的WEB GL技術，或者是通過canvas自己繪制，核心都是通過經緯度将其輪廓繪制出來再進行渲染。我剛開始做類似需求的時候基本都是通過度娘去搜尋，或者在對應的論壇中發帖求助，但是無論是那種方法，基本找到合适的經緯度資訊都需要花費大量的時間，增加開發成本。針對上述的困惑，今天我就給大家帶來一個快速擷取中國省市區縣經緯度的工具。
前言：
前端開發過程中有很多需求涉及到可視化資料展示，其中地圖資料展示占據了很大一部分。資料可視化地圖展示不論使用現有的可視化架構EChart、Highcharts，還是現在比較火爆的WEB GL技術，或者是通過canvas自己繪制，核心都是通過經緯度将其輪廓繪制出來再進行渲染。我剛開始做類似需求的時候基本都是通過度娘去搜尋，或者在對應的論壇中發帖求助，但是無論是那種方法，基本找到合适的經緯度資訊都需要花費大量的時間，增加開發成本。針對上述的困惑，今天我就給大家帶來一個快速擷取中國省市區縣經緯度的工具。
1、軌迹經緯度拾取系統功能介紹
進入軌迹經緯度拾取系統，會看到如下界面，1為搜尋區域，輸入對應需要擷取經緯度資訊的省市區名稱，或者特定點的名稱便可以搜尋；2為地圖皮膚和勾選工具配置開關；3為滑鼠繪制工具，可以繪制點，圓，折線，多邊形，四邊形軌迹；4為軌迹展示開關；5為地圖展示區域。
2、軌迹經緯度拾取系統配置功能介紹
軌迹經緯度拾取系統配置項包括地圖皮膚配置，如下圖展示。軌迹區域邊框和填充區域顔色及透明度配置。地圖皮膚提供了9中皮膚，分别是預設地圖風格，清新藍風格，黑夜風格，精簡風格，自然綠風格，午夜藍風格，浪漫粉風格，清新藍綠風格，高端灰風格。
3、擷取省市區輪廓經緯度資訊
搜尋框輸入需要擷取輪廓經緯度資訊的省市區的名稱，比如浙江省，按回車或者滑鼠點選搜尋按鈕，在對應的搜尋結果中選中标有行政區域的清單便可以在地圖上勾勒出浙江省的輪廓。點選軌迹清單開關，在展開的清單中點選對應軌迹的詳情按鈕，在展開的詳情彈窗中便可以看到浙江省輪廓對應的軌迹，左側是格式化後的軌迹資訊，右側為未格式化的字元串資訊，通過複制便可以直接粘貼到自己項目中使用。
4、擷取交通線路（地鐵、公交）軌迹資訊
搜尋框輸入需要擷取交通線路的名稱，比如杭州地鐵2号線，按回車或者滑鼠點選搜尋按鈕，在對應的搜尋結果中選中标有交通線路的清單便可以在地圖上勾勒出杭州地鐵2号線的軌迹。點選軌迹清單開關，在展開的清單中點選對應軌迹的詳情按鈕，在展開的詳情彈窗中便可以看到浙江省輪廓對應的軌迹，左側是格式化後的軌迹資訊，右側為未格式化的字元串資訊，通過複制便可以直接粘貼到自己項目中使用。
5、擷取自定義軌迹經緯度
滑鼠點選選中需要自定義軌迹的類型，比如點坐标，園形軌迹，折線軌迹，多邊形軌迹，四邊形軌迹。本例中選擇通過折線軌迹手繪出杭州地鐵二号線。首選滑鼠選中折線繪制工具，然後在地圖上根據杭州地鐵2号線的走向勾勒出軌迹，繪制萬最後一個經緯度點後輕按兩下，在彈出的彈窗中輸入軌迹的名稱，這個名稱可以随意定義，然後點選儲存，餘下步驟同上。
預覽位址：軌迹經緯度拾取系統