echarts佛山市顺德区geoJson地图点击地图插小旗代码演示

echarts yekong 449℃

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

顺德区是 广东省 佛山市 五个行政辖区之一。位于 广东省 的南部,珠江三角洲平原中部,广佛同城的西南边界、广佛肇经济圈的南部,是佛山市与广州市联系的重要核心区域之一。顺德毗邻广州、中山、江门三市,南近港澳;面积806平方千米,下辖4个街道、6个镇,205个村(社区)。截至2020年11月1日零时,全区常住人口3229090人(第七次人口普查)。

echarts佛山市顺德区geoJson地图点击地图插小旗

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

echarts佛山市顺德区geoJson地图点击地图插小旗

echarts佛山市顺德区geoJson地图水滴状气泡图

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

echarts佛山市顺德区geoJson地图水滴状气泡图

echarts佛山市顺德区geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts佛山市顺德区geoJson地图label自定义样式

threejs佛山市顺德区geoJson地图3d地图CSS3D标签

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

threejs佛山市顺德区geoJson地图3d地图CSS3D标签

threejs佛山市顺德区geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs佛山市顺德区geoJson地图3d地图自定义贴图加CSS3D标签

threejs佛山市顺德区geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs佛山市顺德区geoJson地图3d地图自定义贴图加CSS2D标签

佛山市顺德区下辖有均安镇,乐从镇,北滘镇,杏坛镇,陈村镇,容桂街道,伦教街道,勒流街道,大良街道,龙江镇

佛山市顺德区下辖区域坐标

{"均安镇":[113.14660820890126,22.72229294509448],"乐从镇":[113.09337580712842,22.93277254715421],"北滘镇":[113.21261339396592,22.9302783035908],"杏坛镇":[113.1449784509286,22.7833405273733],"陈村镇":[113.19406752421048,22.97508085197592],"容桂街道":[113.28214008986318,22.76693660610408],"伦教街道":[113.23633113635289,22.86914987247887],"勒流街道":[113.16221536151282,22.84733704203278],"大良街道":[113.29487909995345,22.82432317446012],"龙江镇":[113.05668571767625,22.85309009476818]}

说明

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

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

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

佛山市顺德区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts佛山市顺德区geoJson地图点击地图插小旗代码演示