可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理济宁市微山县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
微山县,隶属山东省济宁市,位于山东省西南部,济宁市南部,是山东的“南大门”。1953年,为统一管理微山湖,政务院批准设立微山县。行政区域面积1737.567平方公里,常住人口613421人(2020年),辖3个街道、11个镇、1个乡。县人民政府驻夏镇街道奎文路38号。
echarts济宁市微山县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts济宁市微山县geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts济宁市微山县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs济宁市微山县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL前端3D可视化教程
threejs济宁市微山县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs济宁市微山县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
济宁市微山县 下辖有 韩庄镇,高楼乡,南阳镇,张楼镇,微山岛乡,昭阳街道,傅村街道,两城镇,欢城镇,留庄镇,马坡镇,夏镇街道,西平乡
济宁市微山县下辖区域坐标
{"韩庄镇":[117.31194616336495,34.63978936786258],"高楼乡":[117.14096898531875,34.63787761685995],"南阳镇":[116.72826842991677,35.04812683193148],"张楼镇":[116.89334441943575,34.9319591209138],"微山岛乡":[117.23743737047923,34.65700310417529],"昭阳街道":[117.1617969622497,34.74291323355397],"傅村街道":[117.05383002142452,34.83768068452521],"两城镇":[116.77307551659587,35.15506353351369],"欢城镇":[117.02910560123789,34.88413428126394],"留庄镇":[116.89114976690743,35.00608287300523],"马坡镇":[116.74742763294066,35.26865878748654],"夏镇街道":[117.12582963252932,34.8222963990366],"西平乡":[116.96918107894268,34.85478236755419]}
济宁市微山县行政划分代码
[{"name":"韩庄镇","code":"370826101000"},{"name":"高楼乡","code":"370826206000"},{"name":"南阳镇","code":"370826103000"},{"name":"张楼镇","code":"370826110000"},{"name":"微山岛乡","code":""},{"name":"昭阳街道","code":"370826002000"},{"name":"傅村街道","code":"370826003000"},{"name":"两城镇","code":"370826107000"},{"name":"欢城镇","code":"370826102000"},{"name":"留庄镇","code":"370826106000"},{"name":"马坡镇","code":"370826108000"},{"name":"夏镇街道","code":"370826001000"},{"name":"西平乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示