数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是菏泽市曹县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
曹县,隶属于山东省菏泽市,古称曹州,位于山东省西南部,鲁豫两省八县交界处,南临商丘、民权县,北接菏泽、定陶区,东靠单县、成武县,西濒东明、兰考县;总面积1969平方千米,辖5个街道办事处,22乡镇;根据第七次人口普查数据,截至2020年11月1日零时,曹县常住人口为1384282人。
echarts菏泽市曹县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts菏泽市曹县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts菏泽市曹县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs菏泽市曹县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL前端3D可视化教程
threejs菏泽市曹县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs菏泽市曹县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
菏泽市曹县 下辖有 曹县王集镇,曹县邵庄镇,曹县常乐集乡,曹县朱洪庙乡,侯集回族镇,曹县仵楼乡,庄寨镇,曹城街道,曹县倪集镇,曹县大集乡,曹县楼庄乡,砖庙镇,苏集镇,郑庄镇,韩集镇,魏湾镇,古营集镇,孙老家镇,安才楼镇,普连集镇,桃源集镇,梁堤头镇,磐石街道,阎店楼镇,青固集镇,青岗集镇,青菏街道
菏泽市曹县下辖区域坐标
{"曹县王集镇":[115.63862934278347,34.84499500177014],"曹县邵庄镇":[115.4860377170231,34.68838059703614],"曹县常乐集乡":[115.30434384040112,34.95213272766996],"曹县朱洪庙乡":[115.52731302404159,34.63797025995841],"侯集回族镇":[115.71865228206394,34.83533755228878],"曹县仵楼乡":[115.65098498588033,34.60523177524016],"庄寨镇":[115.17776345521986,35.00256484049558],"曹城街道":[115.51047366235514,34.83248912704417],"曹县倪集镇":[115.46609307297311,34.86100409092862],"曹县大集乡":[115.63338873589194,34.71922384725441],"曹县楼庄乡":[115.27566238563844,34.88664391895163],"砖庙镇":[115.40825874832524,34.9406051952366],"苏集镇":[115.79532406909439,34.78571241625953],"郑庄镇":[115.48951299762717,34.77501652000456],"韩集镇":[115.3642311434356,35.00791931040229],"魏湾镇":[115.37381788809893,34.86781753472363],"古营集镇":[115.6773423882108,34.91985961829339],"孙老家镇":[115.66261175309683,34.77977188574512],"安才楼镇":[115.68242496722803,34.6883653714815],"普连集镇":[115.5963615354507,34.9216418686858],"桃源集镇":[115.2386928741009,34.97951116570705],"梁堤头镇":[115.57493192777528,34.62000060384804],"磐石街道":[115.5778952786284,34.82789344144868],"阎店楼镇":[115.5640098894263,34.723751541204],"青固集镇":[115.76714686728099,34.66612382537597],"青岗集镇":[115.49024055690488,34.98009075593161],"青菏街道":[115.52429619570889,34.89795498042925]}
菏泽市曹县行政划分代码
[{"name":"曹县王集镇","code":""},{"name":"曹县邵庄镇","code":""},{"name":"曹县常乐集乡","code":""},{"name":"曹县朱洪庙乡","code":""},{"name":"侯集回族镇","code":""},{"name":"曹县仵楼乡","code":""},{"name":"庄寨镇","code":"371721101000"},{"name":"曹城街道","code":"371721001000"},{"name":"曹县倪集镇","code":""},{"name":"曹县大集乡","code":""},{"name":"曹县楼庄乡","code":""},{"name":"砖庙镇","code":"371721106000"},{"name":"苏集镇","code":"371721110000"},{"name":"郑庄镇","code":""},{"name":"韩集镇","code":"371721105000"},{"name":"魏湾镇","code":"371721108000"},{"name":"古营集镇","code":"371721107000"},{"name":"孙老家镇","code":"371721111000"},{"name":"安才楼镇","code":""},{"name":"普连集镇","code":"371721102000"},{"name":"桃源集镇","code":""},{"name":"梁堤头镇","code":"371721113000"},{"name":"磐石街道","code":"371721002000"},{"name":"阎店楼镇","code":"371721112000"},{"name":"青固集镇","code":""},{"name":"青岗集镇","code":"371721117000"},{"name":"青菏街道","code":"371721003000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示