echarts菏泽市鄄城县geoJson地图点击跳转到指定页面效果实例

geoJson2 yekong

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

鄄(juàn)城县,隶属于山东省菏泽市,位于山东省西南部,西北两面跨黄河与河南省毗邻,总面积1032平方千米。截至2022年10月,鄄城县下辖2个街道、15个镇。截至2021年末,鄄城县常住人口74.17万人。

echarts菏泽市鄄城县geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts菏泽市鄄城县geoJson地图点击跳转到指定页面

echarts菏泽市鄄城县geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts菏泽市鄄城县geoJson地图阴影

echarts菏泽市鄄城县geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts菏泽市鄄城县geoJson地图热力图

threejs菏泽市鄄城县geoJson地图3d地图指定区域闪烁

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

threejs菏泽市鄄城县geoJson地图3d地图指定区域闪烁

threejs菏泽市鄄城县geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs菏泽市鄄城县geoJson地图3d地图CSS2D外加旋转棱锥

threejs菏泽市鄄城县geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs菏泽市鄄城县geoJson地图3d地图自定义贴图加CSS2D标签

菏泽市鄄城县 下辖有 临濮镇,李进士堂镇,凤凰镇,大埝镇,富春乡,左营乡,引马镇,彭楼镇,旧城镇,箕山镇,红船镇,董口镇,郑营镇,闫什镇,古泉街道,陈王街道,什集镇

菏泽市鄄城县下辖区域坐标

{"临濮镇":[115.35868260568577,35.46018743593878],"李进士堂镇":[115.54940790726701,35.69442992726574],"凤凰镇":[115.58989335769957,35.56836015687408],"大埝镇":[115.57925362581626,35.64373932482752],"富春乡":[115.47273564124038,35.50144248203053],"左营乡":[115.63593436520964,35.69644627863619],"引马镇":[115.61878536258148,35.50764472396271],"彭楼镇":[115.573628345895,35.41442175676124],"旧城镇":[115.48300173509105,35.65528743030652],"箕山镇":[115.65436892716697,35.60704437014096],"红船镇":[115.66740977310889,35.53765617859125],"董口镇":[115.40163638726601,35.55117919538394],"郑营镇":[115.54937630746251,35.48724284920628],"闫什镇":[115.64510648062924,35.44224956308587],"古泉街道":[115.49908392857805,35.57700434949591],"陈王街道":[115.54277268914302,35.55397572301189],"什集镇":[115.44996372868368,35.44208784006581]}

菏泽市鄄城县行政划分代码

[{"name":"临濮镇","code":"371726108000"},{"name":"李进士堂镇","code":"371726106000"},{"name":"凤凰镇","code":"371726110000"},{"name":"大埝镇","code":"371726112000"},{"name":"富春乡","code":""},{"name":"左营乡","code":""},{"name":"引马镇","code":"371726113000"},{"name":"彭楼镇","code":"371726109000"},{"name":"旧城镇","code":"371726103000"},{"name":"箕山镇","code":"371726105000"},{"name":"红船镇","code":"371726102000"},{"name":"董口镇","code":"371726107000"},{"name":"郑营镇","code":"371726111000"},{"name":"闫什镇","code":"371726104000"},{"name":"古泉街道","code":"371726002000"},{"name":"陈王街道","code":"371726001000"},{"name":"什集镇","code":"371726101000"}]

说明

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

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

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

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

菏泽市鄄城县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts菏泽市鄄城县geoJson地图点击跳转到指定页面效果实例