echart 广州3d_echarts绘制3D城市地图

本博客介绍如何利用ECharts的series-map3D功能绘制3D城市地图,包括中国、四川及成都的示例,并提供了地图JSON数据的导入方法和资源下载链接。示例代码展示了如何初始化和配置ECharts实例以显示3D地图。
摘要由CSDN通过智能技术生成

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

先上效果图

中国

ca2799845c243e1d6ce620e6ef7d3509.png

四川省

6bc45a06bb9f8b2cc1780d1cc9d1f2b5.png

成都市

5961859cf6517cbcc0bfe66437122885.png

3D地图说明

通过使用 series-map3D 可以绘制3D地图

快速开始

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

这个两个js文件可以在echarts官网下载也可以在上面给的dome项目中拷贝

echarts资源下载

echarts扩展下载

2.通过json导入地图数据$.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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值