echarts云浮市云安区geoJson地图label样式自定义实例代码

echarts yekong

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

云安区,隶属于 广东省 云浮市 ,位于广东省中西部,西江中游南岸,东与云浮市云城区相连,南与新兴县、阳春市接壤,西与罗定市、郁南县毗邻,北临西江与德庆隔江相望,全区总面积1184.73平方千米,下辖7个镇,区人民政府驻六都镇。根据第七次人口普查数据,截至2020年11月1日零时,云安区常住人口为235390人。

echarts云浮市云安区geoJson地图label样式自定义

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

echarts云浮市云安区geoJson地图label样式自定义

echarts云浮市云安区geoJson地图 tooltip轮播

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

echarts云浮市云安区geoJson地图 tooltip轮播

echarts云浮市云安区geoJson地图迁徙图

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts云浮市云安区geoJson地图迁徙图

threejs云浮市云安区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣,可以观看threejs课程视频 3D可视化Three.js视频教程

threejs云浮市云安区geoJson地图3d地图css2d标签

threejs云浮市云安区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs云浮市云安区geoJson地图3d地图鼠标移入显示标签并高亮

threejs云浮市云安区geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs云浮市云安区geoJson地图3d地图CSS2D外加旋转棱锥

云浮市云安区下辖有镇安镇,大云雾林场,六都镇,前锋镇,南盛镇,白石镇,石城镇,高村镇,富林镇

云浮市云安区下辖区域坐标

{"镇安镇":[111.85499306602885,22.79799024146272],"大云雾林场":[111.94627109219573,22.63486795717471],"六都镇":[111.96219645801438,23.0587784847703],"前锋镇":[112.08347686325969,22.77061328102649],"南盛镇":[112.0537660246669,22.80010849249378],"白石镇":[111.80232232290469,22.83954008525143],"石城镇":[111.95137139858082,22.79404084446231],"高村镇":[111.90078568758337,22.92863691204538],"富林镇":[111.91768362301525,22.64713739746339]}

说明

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

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

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

云浮市云安区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts云浮市云安区geoJson地图label样式自定义实例代码