echarts安阳市安阳县geoJson地图指定区域高亮代码演示

echarts yekong

数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理安阳市安阳县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

安阳县,隶属河南省安阳市。河南省财政直管县,地处豫北,南与汤阴县、鹤壁市毗邻,北与河北省磁县临漳县、涉县隔河相望,西与林州市接壤,东与内黄县相连。总面积1089平方千米。总人口53万人。截至2022年10月,安阳县下辖10个镇、6个乡。县人民政府驻安阳市城乡一体化示范区安泰大道中段路北。

echarts安阳市安阳县geoJson地图指定区域高亮

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

echarts安阳市安阳县geoJson地图指定区域高亮

echarts安阳市安阳县geoJson地图3d地图实例旋转动画

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

echarts安阳市安阳县geoJson地图3d地图实例旋转动画

echarts安阳市安阳县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts安阳市安阳县geoJson地图tooltip自定义html

threejs安阳市安阳县geoJson地图3d地图css2d标签

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

threejs安阳市安阳县geoJson地图3d地图css2d标签

threejs安阳市安阳县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs课程视频 Three.js前端3D可视化

threejs安阳市安阳县geoJson地图3d地图添加旋转棱锥

threejs安阳市安阳县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程

threejs安阳市安阳县geoJson地图3d地图鼠标移入显示标签并高亮

安阳市安阳县下辖有伦掌镇,北郭乡,吕村镇,安丰乡,善应镇,崔家桥镇,曲沟镇,柏庄镇,水冶镇,永和镇,瓦店乡,白璧镇,磊口乡,蒋村镇,辛村镇,铜冶镇,韩陵镇,洪河屯乡,马家乡,许家沟乡,都里镇

安阳市安阳县下辖区域坐标

{"伦掌镇":[114.14849815635682,36.23523269615211],"北郭乡":[114.71272692858663,36.10873802629945],"吕村镇":[114.63785153840826,36.09961550021228],"安丰乡":[114.27454107554814,36.2336334233394],"善应镇":[114.09276591793449,36.03507018367723],"崔家桥镇":[114.49489235996498,36.14392707170673],"曲沟镇":[114.19554126484917,36.11700846237439],"柏庄镇":[114.37906781622593,36.1964130672604],"水冶镇":[114.13961900653368,36.13375802628877],"永和镇":[114.56484089151446,36.10126470463679],"瓦店乡":[114.56221611939364,36.02822838656185],"白璧镇":[114.47999449541504,36.07536804226319],"磊口乡":[114.01177686456282,36.16329343232817],"蒋村镇":[114.1464258045881,36.17753327983031],"辛村镇":[114.65970976383359,36.03717681853238],"铜冶镇":[114.04591719840968,36.22752558469686],"韩陵镇":[114.43650964650061,36.15717503187693],"洪河屯乡":[114.27254381525447,36.17646028588231],"马家乡":[114.0247204323382,36.01918340304968],"许家沟乡":[114.05224628726901,36.12127308004979],"都里镇":[114.01626159326312,36.29272759243537]}

说明

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

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

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

安阳市安阳县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts安阳市安阳县geoJson地图指定区域高亮代码演示