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>