可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是红河哈尼族彝族自治州红河县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts红河哈尼族彝族自治州红河县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts红河哈尼族彝族自治州红河县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts红河哈尼族彝族自治州红河县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs红河哈尼族彝族自治州红河县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化教程
threejs红河哈尼族彝族自治州红河县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
红河哈尼族彝族自治州红河县 下辖有 洛恩乡,浪堤乡,甲寅乡,车古乡,迤萨镇,大羊街乡,石头寨乡,阿扎河乡,三村乡,乐育乡,垤玛乡,宝华乡,架车乡
红河哈尼族彝族自治州红河县下辖区域坐标
{"洛恩乡":[102.29807506248817,23.15324264808429],"浪堤乡":[102.23757359851311,23.31681244790462],"甲寅乡":[102.41945547254909,23.24341392650745],"车古乡":[102.11473666099954,23.28885959970401],"迤萨镇":[102.43890217629925,23.33454863966262],"大羊街乡":[102.2202320179029,23.35894252630093],"石头寨乡":[102.50817398230795,23.248327341585],"阿扎河乡":[102.49538389131497,23.16662606210338],"三村乡":[101.90393325259741,23.22356686770637],"乐育乡":[102.30763057017577,23.30252485004798],"垤玛乡":[101.9676755532513,23.27374159474218],"宝华乡":[102.31703018845961,23.2579395645229],"架车乡":[102.11398538216355,23.17609221711822]}
红河哈尼族彝族自治州红河县行政划分代码
[{"name":"洛恩乡","code":"532529203000"},{"name":"浪堤乡","code":""},{"name":"甲寅乡","code":""},{"name":"车古乡","code":"532529209000"},{"name":"迤萨镇","code":"532529101000"},{"name":"大羊街乡","code":"532529208000"},{"name":"石头寨乡","code":"532529204000"},{"name":"阿扎河乡","code":"532529205000"},{"name":"三村乡","code":"532529212000"},{"name":"乐育乡","code":""},{"name":"垤玛乡","code":"532529211000"},{"name":"宝华乡","code":""},{"name":"架车乡","code":"532529210000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看