echarts绘制3D城市地图

使用echarts 绘制 中国地图/各省地图/市级地图 的3D地图

先上效果图javascript

中国
html

四川省
java

成都市
git

dome代码地址 https://github.com/zhaosheng808/echarts-demogithub

3D地图说明

经过使用 series-map3D 能够绘制3D地图apache

快速开始

1.须要先下载echarts.js,而后额外下载 echarts-gl.js,并在页面中引入json

<script type="text/javascript" src="./lib/echarts/echarts-4.9.0/echarts.min.js"></script>
<script type="text/javascript" src="./lib/echarts/echarts-gl.min.js"></script>

这个两个js文件能够在echarts官网下载也能够在上面给的dome项目中拷贝
echarts资源下载
echarts扩展下载echarts

2.经过json导入地图数据dom

$.get('map/json/china.json', function (chinaJson) {
   echarts.registerMap('china', chinaJson); // 注册地图
   var chart = echarts.init(document.getElementById('main'));
   chart.setOption({ 
      series: [{ 
          type: 'map3D', // map、map3D
          map: 'china' // 注册的地图名称
      }] 
   });
});

中国地图/各省地图/市级地图
使用方式相同 惟一的区别是导入不一样的 json 文件编码

demo项目中附带china.json以及各级省市json文件
/map/目录下有中国地图以及 各省市的 地图 json文件 /map/geoCitys.js是省市关联文件
level表明行政级别
code表明城市编码

地图数据json文件可能不许确 能够自行下载替换
DATAV