echarts驻马店市平舆县geoJson地图指定区域高亮效果

echarts yekong

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

平舆县,隶属于河南省驻马店市,位于驻马店市东部,距市区约60千米,东与新蔡县、安徽省临泉县接壤,北与项城市、上蔡县毗邻,南与正阳县相望,西与汝南县相邻,介于北纬32°44′—33°10′、东经114°24′—114°55′之间,总面积1282平方千米。下辖3个街道、11个镇、5个乡。根据第七次人口普查数据,截至2020年11月1日零时,平舆县常住人口为728672人。

echarts驻马店市平舆县geoJson地图指定区域高亮

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

echarts驻马店市平舆县geoJson地图指定区域高亮

echarts驻马店市平舆县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts驻马店市平舆县geoJson地图点击地图获取经纬度

echarts驻马店市平舆县geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts驻马店市平舆县geoJson地图添加柱状图

threejs驻马店市平舆县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs教程视频 3D可视化Three.js视频教程

threejs驻马店市平舆县geoJson地图3d地图指定区域闪烁

threejs驻马店市平舆县geoJson地图3d地图添加旋转棱锥

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

threejs驻马店市平舆县geoJson地图3d地图添加旋转棱锥

threejs驻马店市平舆县geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs驻马店市平舆县geoJson地图3d地图自定义贴图加CSS2D标签

驻马店市平舆县下辖有清河街道,万冢镇,双庙乡,射桥镇,庙湾镇,辛店乡,李屯镇,杨埠镇,郭楼镇,阳城镇,万金店镇,东和店镇,东皇街道,十字路乡,古槐街道,玉皇庙乡,老王岗乡,高杨店镇,西洋店镇

驻马店市平舆县下辖区域坐标

{"清河街道":[114.60774721959035,32.94145368213529],"万冢镇":[114.52480486227563,33.04319421548833],"双庙乡":[114.7314449841707,32.91259783055694],"射桥镇":[114.60623673187635,33.12342245144414],"庙湾镇":[114.6946744009324,33.07199791580364],"辛店乡":[114.56485620450846,32.90859455368595],"李屯镇":[114.47545921373043,32.97055170468744],"杨埠镇":[114.79926966796828,32.96489986108447],"郭楼镇":[114.55963232124367,32.98210735855154],"阳城镇":[114.50635739466298,33.11036711189203],"万金店镇":[114.6766604657499,32.88473068719351],"东和店镇":[114.87013011210374,33.03484385703492],"东皇街道":[114.66722247126194,32.97760712447795],"十字路乡":[114.65564296665856,33.14763593369403],"古槐街道":[114.65157515453807,32.93859344710478],"玉皇庙乡":[114.62292889944302,33.03994992401359],"老王岗乡":[114.46356327965759,32.90003620667805],"高杨店镇":[114.76725467046658,33.0490191765555],"西洋店镇":[114.61095535196421,32.81007832496896]}

说明

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

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

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

驻马店市平舆县echarts地图效果实例和threejs地图效果实例下载

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