echarts驻马店市泌阳县geoJson地图添加柱状图实例代码

echarts yekong 383℃

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

泌阳县,隶属于河南省驻马店市,位于驻马店市西南部,南接桐柏,北连方城、舞阳,西临唐河、社旗,东交遂平、确山、驿城区,总面积2335平方千米。截至2022年10月,泌阳县下辖3个街道、11个镇、8个乡。根据第七次人口普查数据,截至2020年11月1日零时,泌阳县常住人口为695239人。

echarts驻马店市泌阳县geoJson地图添加柱状图

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

echarts驻马店市泌阳县geoJson地图添加柱状图

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

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

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

echarts驻马店市泌阳县geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts驻马店市泌阳县geoJson地图地图排行榜效果

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

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

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

threejs驻马店市泌阳县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js视频教程3D可视化

threejs驻马店市泌阳县geoJson地图3d地图CSS2D外加旋转棱锥

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

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化

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

驻马店市泌阳县下辖有赊湾镇,羊册镇,付庄乡,官庄镇,春水镇,盘古乡,下碑寺乡,象河乡,杨家集乡,王店镇,贾楼乡,高邑乡,郭集镇,铜山乡,高店乡,双庙街乡,古城街道,泌水街道,花园街道,泰山庙镇,黄山口乡,马谷田镇

驻马店市泌阳县下辖区域坐标

{"赊湾镇":[113.22489834300778,32.73146480269259],"羊册镇":[113.26244342417337,32.99733194549722],"付庄乡":[113.46943046882072,32.9579474713529],"官庄镇":[113.31846102683508,32.91168045971727],"春水镇":[113.45525439549803,33.04691430843343],"盘古乡":[113.34977865795169,32.63724832811653],"下碑寺乡":[113.56656985084945,33.07461709763906],"象河乡":[113.44634166066518,33.11433372706524],"杨家集乡":[113.3514528624123,32.82529510843721],"王店镇":[113.44439673639684,32.8025827745488],"贾楼乡":[113.44802220739155,32.88120071155549],"高邑乡":[113.47551353884609,32.75846883229851],"郭集镇":[113.15431090559761,33.00139003328755],"铜山乡":[113.57610268901652,32.79179676246663],"高店乡":[113.23071472672186,32.63038520240383],"双庙街乡":[113.2371874455737,32.81356597593278],"古城街道":[113.33468913812531,32.69682905064856],"泌水街道":[113.28292065198087,32.73927964929646],"花园街道":[113.36745601856401,32.73983202019539],"泰山庙镇":[113.21404233178745,32.88369647272845],"黄山口乡":[113.33487332091352,33.03226876316212],"马谷田镇":[113.50799915137145,32.6465827741324]}

说明

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

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

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

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

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts驻马店市泌阳县geoJson地图添加柱状图实例代码