echarts郑州市新郑市geoJson地图全局颜色渐变效果实例

echarts yekong

数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理郑州市新郑市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

新郑市,河南省 辖县级市,由 郑州市 代管,位于河南省中部、华北平原西缘、郑州市东南部,介于北纬34°16′-34°39′,东经113°30′-113°54′,市域总面积873平方千米。新郑市属温带季风气候,四季分明、雨热同期,春季多东北和西北风,夏季多东南风。截至2022年10月,新郑市下辖3个街道、9个镇、1个乡,市政府驻新建路街道人民路西段186号。截至2021年末,新郑常住人口为120.02万人。

echarts郑州市新郑市geoJson地图全局颜色渐变

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

echarts郑州市新郑市geoJson地图全局颜色渐变

echarts郑州市新郑市geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts郑州市新郑市geoJson地图 visualMap控制地图颜色

echarts郑州市新郑市geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts郑州市新郑市geoJson地图指定区域高亮

threejs郑州市新郑市geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js 3D可视化

threejs郑州市新郑市geoJson地图3d地图CSS3D标签

threejs郑州市新郑市geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频 3D可视化Three.js视频教程

threejs郑州市新郑市geoJson地图3d地图添加旋转棱锥

threejs郑州市新郑市geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs教程视频 WebGL前端3D可视化教程

threejs郑州市新郑市geoJson地图3d地图自定义贴图加CSS2D标签

郑州市新郑市下辖有新华路街道,中心城区新区建设管理委员会,观音寺镇,银河街道,郑港街道,具茨山国家级森林公园,新港街道,新烟街道,城关乡,龙王乡,薛店镇,八千乡,和庄镇,孟庄镇,郭店镇,龙湖镇,新村镇,梨河镇,辛店镇,新建路街道

郑州市新郑市下辖区域坐标

{"新华路街道":[113.72776804203184,34.38730143715621],"中心城区新区建设管理委员会":[113.75830897479509,34.42643945629834],"观音寺镇":[113.65806954629161,34.32133504264488],"银河街道":[113.8398322894814,34.49367644316713],"郑港街道":[113.83991813862778,34.57531502949733],"具茨山国家级森林公园":[113.5560436752263,34.34270516743747],"新港街道":[113.83434306703614,34.50971923123386],"新烟街道":[113.76302235636663,34.38936115725502],"城关乡":[113.67874775641411,34.39362334475437],"龙王乡":[113.84006404440532,34.44849830433176],"薛店镇":[113.76911677867639,34.4971694548865],"八千乡":[113.84608022910888,34.37845015712929],"和庄镇":[113.7911903965674,34.38939653057054],"孟庄镇":[113.7725193204071,34.57910021293497],"郭店镇":[113.70468130625494,34.53341113350004],"龙湖镇":[113.65064083186587,34.60596022567209],"新村镇":[113.69737213959753,34.46294922954154],"梨河镇":[113.73772916512155,34.3387546414282],"辛店镇":[113.59568450608529,34.39096346752768],"新建路街道":[113.71605570899729,34.39525834987248]}

说明

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

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

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

郑州市新郑市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts郑州市新郑市geoJson地图全局颜色渐变效果实例