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>

 

posted @ 2020-05-05 13:01  丁少华  阅读(2871)  评论(2)  编辑  收藏  举报