echarts菏泽市曹县geoJson地图点击地图获取经纬度代码演示

geoJson2 yekong 111℃

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

曹县,隶属于山东省菏泽市,古称曹州,位于山东省西南部,鲁豫两省八县交界处,南临商丘、民权县,北接菏泽、定陶区,东靠单县、成武县,西濒东明、兰考县;总面积1969平方千米,辖5个街道办事处,22乡镇;根据第七次人口普查数据,截至2020年11月1日零时,曹县常住人口为1384282人。

echarts菏泽市曹县geoJson地图点击地图获取经纬度

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

echarts菏泽市曹县geoJson地图点击地图获取经纬度

echarts菏泽市曹县geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts菏泽市曹县geoJson地图3d地图

echarts菏泽市曹县geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts菏泽市曹县geoJson地图label自定义样式

threejs菏泽市曹县geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL前端3D可视化教程

threejs菏泽市曹县geoJson地图3d地图

threejs菏泽市曹县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs菏泽市曹县geoJson地图3d地图添加旋转棱锥

threejs菏泽市曹县geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs菏泽市曹县geoJson地图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地图实例效果,限于篇幅不一一展示

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

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts菏泽市曹县geoJson地图点击地图获取经纬度代码演示