成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

【echarts地圖制作】下鉆到鄉(xiāng)鎮(zhèn)/街道級(jí)別的

寵來(lái)也 / 1536人閱讀

摘要：需求展示西安市各區(qū)縣的地圖，點(diǎn)擊各區(qū)縣下鉆到各鄉(xiāng)鎮(zhèn)街道，只能內(nèi)網(wǎng)環(huán)境使用，不可用通過(guò)百度高德地圖來(lái)實(shí)現(xiàn)。利用展示自定義的地圖關(guān)于具體如何導(dǎo)入格式數(shù)據(jù)到的方法，可以參考官方示例。

需求

展示西安市各區(qū)縣的地圖，點(diǎn)擊各區(qū)縣下鉆到各鄉(xiāng)鎮(zhèn)/街道，只能內(nèi)網(wǎng)環(huán)境使用，不可用通過(guò)百度/高德地圖來(lái)實(shí)現(xiàn)。

解決 利用地圖數(shù)據(jù)生成區(qū)域的geojson

網(wǎng)絡(luò)上大部分地圖數(shù)據(jù)只是到省市，最多到區(qū)縣，再往下的數(shù)據(jù)就比較難找了；經(jīng)過(guò)搜索，找到了一個(gè)可以買(mǎi)地圖數(shù)據(jù)的地方，數(shù)據(jù)可以精確到鄉(xiāng)鎮(zhèn)/街道，價(jià)格還比較劃算；


地圖數(shù)據(jù)格式為shp（shape格式），如果需要其他的格式，得加點(diǎn)錢(qián)獲取比如svg、dbf、shx等額外格式的文件；
echarts支持的格式有g(shù)eojson，此時(shí)我們需要一個(gè)工具把shp格式的文件轉(zhuǎn)換為geojson格式，有兩種工具，推薦第2種：

【轉(zhuǎn)換工具1】在線(xiàn)轉(zhuǎn)換工具M(jìn)yGeodata Converter

這個(gè)工具是收費(fèi)，每月最多可以轉(zhuǎn)換3次文件，上傳時(shí)網(wǎng)站會(huì)提示：

Don"t forgot to upload all relevant files to your .SHP file - you need at least also .DXF and .SHX files uploaded together with your .SHP file!

不僅要上傳shp格式，還要上傳dbf和shx等格式的文件，來(lái)獲得更完整的地理數(shù)據(jù)，如果把所有格式的數(shù)據(jù)都上傳了，那么生成的geojson可能會(huì)有問(wèn)題（親測(cè)），所以只上傳3種格式是比較穩(wěn)妥的辦法；

上傳后會(huì)跳轉(zhuǎn)到一個(gè)設(shè)置的界面，先不要點(diǎn)擊開(kāi)始轉(zhuǎn)換按鈕，首先檢查一下轉(zhuǎn)換的編碼格式，默認(rèn)為UTF-8，如果是中文的地圖數(shù)據(jù)，最好把轉(zhuǎn)換格式切換為GB18030-Chinese格式；然后點(diǎn)擊開(kāi)始轉(zhuǎn)換就可以了。

轉(zhuǎn)換超過(guò)3個(gè)會(huì)提示下圖，這時(shí)可以清一下瀏覽器緩存試試：

轉(zhuǎn)換后可以下載到.geojson格式的數(shù)據(jù)文件，放到項(xiàng)目中時(shí)，把.geojson格式手動(dòng)修改為.json格式，就可以被echarts使用了，直接import geojson格式的文件會(huì)報(bào)錯(cuò)；

【轉(zhuǎn)換工具2】mapshaper(http://mapshaper.org/)

同時(shí)上傳.dbf .shp .shx .prj格式的文件，然后點(diǎn)擊右上角的export，就會(huì)看到如下界面，選擇geoJSON，就完成了。

利用geojson展示自定義的echart地圖

關(guān)于具體如何導(dǎo)入json格式數(shù)據(jù)到echarts的方法，可以參考官方示例。
以下是我自己的代碼：
結(jié)果

設(shè)計(jì)圖的地圖效果是3D的，為了達(dá)到效果，將地圖的顏色設(shè)為透明，使用設(shè)計(jì)圖作為背景圖，此時(shí)需要調(diào)整echart地圖的比例（top/bottom/right/left），調(diào)整好之后，地圖選擇高亮和點(diǎn)擊事件，和地區(qū)名字還是繼續(xù)用echart實(shí)現(xiàn)。最終結(jié)果：

參考文章

https://blog.csdn.net/gisboyg...

https://www.cnblogs.com/sd-ax...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100671.html

相關(guān)文章

  • echarts結(jié)合高德API進(jìn)行地圖下鉆

    摘要：廣告開(kāi)始最近做了表格數(shù)據(jù)轉(zhuǎn)成圖表展示的一個(gè)組件，地址如下整合地圖的時(shí)候發(fā)現(xiàn)針對(duì)地級(jí)市的一些文件太多了，全部引入后有將近，所以就用了下高德老爺給的組件和接口，然后弄完在這記錄一下雖然這種例子在社區(qū)里有很多這個(gè)組件文件放在了中，樣式奇丑，請(qǐng)?jiān)? /——————廣告開(kāi)始——————/ 最近做了表格數(shù)據(jù)轉(zhuǎn)成圖表展示的一個(gè)react組件，地址如下： https://github.com/Lyla...

    happen 評(píng)論0 收藏0

  • 精讀《Tableau 探索式模型》

    摘要：比如我們對(duì)調(diào)與會(huì)怎樣我們得到了三個(gè)不同類(lèi)目近個(gè)月的趨勢(shì)，之所以是折線(xiàn)圖，因?yàn)閳D表的維度軸列是連續(xù)的。在正式介紹標(biāo)記區(qū)域前，先理解一下為何會(huì)發(fā)生這種轉(zhuǎn)變表格類(lèi)組件是雙維度組件，折線(xiàn)圖是單維度組件。 1. 引言 Tableau 探索式分析功能非常強(qiáng)大，各種功能組合似乎有著無(wú)限的可能性。 今天筆者會(huì)分析這種探索式模型解題思路，一起看看這種探索式分析功能是如何做到的。 2. 精讀 要掌握探索式...

    curried 評(píng)論0 收藏0

  • D3.js中國(guó)地圖下鉆

    摘要：因?yàn)榈貓D數(shù)據(jù)過(guò)于龐大，例子中刪除了除北京外其他的地市信息。所以，請(qǐng)點(diǎn)擊北京查看效果，其他省沒(méi)效果。最終效果點(diǎn)擊北京市查看效果，其他區(qū)域切換效果，空白區(qū)域返回全國(guó)。 使用d3.js實(shí)現(xiàn)中國(guó)地圖及中國(guó)地圖下鉆到省市區(qū) 在可視化開(kāi)發(fā)中，地圖是很重要的一個(gè)環(huán)節(jié)，很多時(shí)候需要展現(xiàn)的不僅是國(guó)家地圖，還需要能從國(guó)家進(jìn)入到省市，看到區(qū)這樣的下鉆過(guò)程，今天我們就來(lái)實(shí)現(xiàn)這個(gè)效果。 因?yàn)榈貓D數(shù)據(jù)過(guò)于龐大，例...

    lmxdawn 評(píng)論0 收藏0

  • vue+echarts根據(jù)ip地址制作簡(jiǎn)單的地圖定位

    摘要：閑話(huà)不多說(shuō)，介紹工具開(kāi)發(fā)工具平臺(tái)框架百度地圖。給出源代碼，不做研究百度地圖瀏覽器定位您的位置根據(jù)和百度地圖相關(guān)，大家還可以在此基礎(chǔ)上擴(kuò)展很多功能，有相關(guān)問(wèn)題或意見(jiàn)可以評(píng)論討論哦。下面是官方文檔飛機(jī)路線(xiàn)點(diǎn)我點(diǎn)我百度地圖點(diǎn)我點(diǎn)我 前天突發(fā)奇想做一個(gè)地圖定位的前端界面，于是就研究了一下百度定位功能。新手，歷時(shí)兩天終于完成了本次的設(shè)計(jì)。雖然看上去簡(jiǎn)單，但是用到的東西不少。我在網(wǎng)上找資源的時(shí)候還...

    UsherChen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<