echarts地图离线包
描述
由于项目的特殊性,只能使用内网获取数据,所以不能用到在线实时数据包。
然而,echarts官网上的离线地图包由于不明原因,官方以比例不符合国家规范下架了地图,早在几年前就不支持下载了,反而其推荐使用地图API。
或者在线生成本地数据的工具:阿里的datav,高德的geojson。参考例子
省地图json
echarts github上的地图js及json包
县级json
第三方提供含县级地图的json包
示例Demo
<!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>