echarts大庆市龙凤区geoJson地图指定区域高亮效果

geoJson2 yekong 100℃

数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是大庆市龙凤区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

龙凤区是 黑龙江省 大庆市 一个市辖区,位于黑龙江省西部、大庆市东部,是大庆中心城的 “三颗星”之一。龙凤区共分龙凤、卧里屯、兴化三个区块,下辖1个镇、5个街道。龙凤区总面积415.8平方千米。旅游景点主要有大庆龙凤湿地自然保护区、龙凤公园等。

echarts大庆市龙凤区geoJson地图指定区域高亮

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

echarts大庆市龙凤区geoJson地图指定区域高亮

echarts大庆市龙凤区geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts大庆市龙凤区geoJson地图3d地图

echarts大庆市龙凤区geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts大庆市龙凤区geoJson地图局部颜色渐变

threejs大庆市龙凤区geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs大庆市龙凤区geoJson地图3d地图自定义贴图加CSS2D标签

threejs大庆市龙凤区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放

threejs大庆市龙凤区geoJson地图3d地图css2d标签

threejs大庆市龙凤区geoJson地图3d地图CSS3D标签

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

threejs大庆市龙凤区geoJson地图3d地图CSS3D标签

大庆市龙凤区 下辖有 高新区农场,龙凤街道,卧里屯街道,三永街道,东光街道,兴化街道,开发区黎明街道,龙凤镇

大庆市龙凤区下辖区域坐标

{"高新区农场":[125.23775674720738,46.51452066337998],"龙凤街道":[125.14166119862031,46.50575783984529],"卧里屯街道":[125.20265451993947,46.46711797489662],"三永街道":[125.12581543597204,46.55168835557174],"东光街道":[125.00346197382228,46.46531859934707],"兴化街道":[125.20878324384395,46.44831332049422],"开发区黎明街道":[125.19455489924115,46.42544185325242],"龙凤镇":[125.0875761352948,46.4696066583731]}

说明

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

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

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

大庆市龙凤区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts大庆市龙凤区geoJson地图指定区域高亮效果