echart國家、省、市、縣地圖


echarts地圖離線包

描述

由於項目的特殊性,只能使用內網網絡,所以不能用到在線實時數據包。
然而,早在幾年前,echarts官網上的離線地圖包官方以比例不符合國家規范下架了。

反而其推薦使用在線地圖API(如百度地圖api或者高德地圖api)。
或者在線生成本地數據的工具:阿里的datav,高德的geojson,這里提供一些參考例子

反正就是說它不在管地圖數據這個事情了。

如果你非常想要現成的地圖數據包,那么可去看看【echarts github上的地圖js及json包(已經被垃圾Apache刪除)】
如果你想要縣級數據,可以看看這個人整理的【含縣級地圖的json包

 

示例Demo
這是一個使用高德的geojson生成本地地圖數據的演示

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>div { height: 500px; width: 500px; }</style>
</head>

<body>
    <div></div>
</body>
<script src="./lib/echarts.js"></script>
<script src="./lib/shandong.js"></script>
<script>
    // 基於准備好的dom,初始化echarts實例
    let chinaChart = echarts.init(document.querySelector('div'));

    // 指定圖表的配置項和數據
    let chinaCharsOpt = {
        series: [{
            name: '地圖',
            type: 'map',
            mapType: '山東',
            roam: false, //禁止拖拽
        }]
    }
    // 使用剛指定的配置項和數據顯示圖表。
    chinaChart.setOption(chinaCharsOpt);
</script>

</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM