1. 程式人生 > >echarts全國地圖只顯示南海諸島問題

echarts全國地圖只顯示南海諸島問題

在使用百度開源的視覺化工具echarts時,用到中國地圖,參照官方文件用此段程式碼

value = [155, 10, 66, 78, 33, 80, 190, 53, 49.6]
    attr = [
        "福建", "山東", "北京", "上海", "甘肅", "新疆", "河南", "廣西", "西藏"
        ]
    map = Map("Map 結合 VisualMap 示例", width=1200, height=600)
    map.add(
        "",
        attr,
        value,
        maptype="china",
        is_visualmap=True,
        visual_text_color="#000",
    )
    map.render()

發現按照官方文件構建地圖後只顯示 南海諸島,如下圖所示

首先先檢查是否安裝了地圖需要的這幾個包:

echarts-countries-pypkg
echarts-china-provinces-pypkg
echarts-china-cities-pypkg
echarts-china-counties-pypkg
echarts-china-misc-pypkg
echarts-united-kingdom-pypkg
檢查已經安裝了。

最後查知是因為eharts3 不再內建地圖檔案尷尬,因此需要我們手動引入官網的js或者json檔案。
顯示中國地圖需要china.js檔案.
如果從echarts官網

http://echarts.baidu.com/download-map.html 找不到js檔案,可以從下面連結下載china.js檔案:
https://github.com/apache/incubator-echarts/tree/master/map/js/china.js
下載後將china.js複製到專案,html中引入此Js


引入後如下圖所示

重新啟動程式,再看頁面效果全國地圖正常顯示了

 

出自本人部落格文章  http://www.iotjike.com/article/11