echarts清远市清新区geoJson地图添加柱状图效果实例

echarts yekong

随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理清远市清新区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

清新区,隶属 广东省 清远市 ,位于广东省西北部,北江中下游,东邻英德和清城区,西连广宁、四会,北接阳山,南面紧靠清城区。107国道、清连高速公路、清四一级公路、清佛公路等相通。总面积2353平方千米,下辖8个镇,1个林场。根据第七次人口普查数据,截至2020年11月1日零时,清新区常住人口为618523人。

echarts清远市清新区geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts清远市清新区geoJson地图添加柱状图

echarts清远市清新区geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts清远市清新区geoJson地图全局颜色渐变

echarts清远市清新区geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts清远市清新区geoJson地图3d地图自定义图标

threejs清远市清新区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频 Three.js视频教程3D可视化

threejs清远市清新区geoJson地图3d地图添加描边效果

threejs清远市清新区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs清远市清新区geoJson地图3d地图CSS3D标签

threejs清远市清新区geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs清远市清新区geoJson地图3d地图添加金色效果

清远市清新区下辖有山塘镇,三坑镇,笔架林场,太和镇,太平镇,禾云镇,龙颈镇,浸潭镇,石潭镇

清远市清新区下辖区域坐标

{"山塘镇":[112.9307799328525,23.63189471051327],"三坑镇":[112.81947356907224,23.61823312835975],"笔架林场":[113.0186682246486,23.80003820931166],"太和镇":[112.94952258719675,23.7240217668803],"太平镇":[112.81999004676297,23.69323071089455],"禾云镇":[112.93689188080015,23.94513090290538],"龙颈镇":[112.82554484485959,23.86083191396743],"浸潭镇":[112.73748631835664,24.0538719700135],"石潭镇":[112.72615484526273,24.20782857392844]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

清远市清新区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts清远市清新区geoJson地图添加柱状图效果实例