echarts广州市从化区geoJson地图 tooltip轮播实例

echarts yekong 477℃

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

从化区,隶属于广东省 广州市 ,位于广州市东北部,东与增城区、惠州市龙门县接壤,南跟白云区、黄埔区毗邻,西和花都区、清远市交界,北面同清远市佛冈县、韶关市新丰县相连。北回归线横跨境内南端的太平镇,气候温和,雨量充沛。总面积1985平方公里 ,下辖3个街道和5个镇,2021年,从化区户籍总人口65.53万人,常住人口72.74万人。

echarts广州市从化区geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts广州市从化区geoJson地图 tooltip轮播

echarts广州市从化区geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts广州市从化区geoJson地图点击地图插小旗

echarts广州市从化区geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts广州市从化区geoJson地图水滴状气泡图

threejs广州市从化区geoJson地图3d地图添加描边效果

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

threejs广州市从化区geoJson地图3d地图添加描边效果

threejs广州市从化区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs广州市从化区geoJson地图3d地图自定义贴图加CSS2D标签

threejs广州市从化区geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs广州市从化区geoJson地图3d地图自定义贴图加CSS3D标签

广州市从化区下辖有江埔街道,街口街道,流溪河林场,黄龙带水库管理处,吕田镇,太平镇,温泉镇,良口镇,大岭山林场,鳌头镇,城郊街道

广州市从化区下辖区域坐标

{"江埔街道":[113.57468636797263,23.51433352342483],"街口街道":[113.55977071735674,23.53004714436079],"流溪河林场":[113.80558267094156,23.76897005600618],"黄龙带水库管理处":[113.74162827343247,23.80486067910594],"吕田镇":[113.92896627034966,23.82697145778751],"太平镇":[113.5240768990998,23.46530506295604],"温泉镇":[113.71051926804333,23.60633363645903],"良口镇":[113.7515512655547,23.78204870528545],"大岭山林场":[113.72518041603689,23.62775755067808],"鳌头镇":[113.40516533834646,23.63259663356684],"城郊街道":[113.55530777774375,23.62292148100255]}

说明

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

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

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

广州市从化区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts广州市从化区geoJson地图 tooltip轮播实例