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>