可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理菏泽市郓城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
郓城县，隶属山东省菏泽市，位于山东省西南部、菏泽市东北部，地处黄河下游，介于北纬35°19′～35°52′，东经115°40′～116°08′之间，总面积1643平方公里。 郓城县属暖温带半湿润东亚季风大陆性气候。截至2021年，郓城县辖16个镇、2个乡、4个街道，1个省级经济开发区。 县政府驻地郓城县郓州大道6001号郓州大厦。
echarts菏泽市郓城县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts菏泽市郓城县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts菏泽市郓城县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs菏泽市郓城县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs菏泽市郓城县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs菏泽市郓城县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
菏泽市郓城县 下辖有 侯咽集镇,唐塔街道,唐庙镇,张营镇,李集乡,武安镇,水堡乡,潘渡镇,程屯镇,郭屯镇,陈坡乡,黄安镇,黄集乡,丁里长镇,南赵楼镇,张鲁集乡,杨庄集镇,玉皇庙镇,郓州街道,随官屯镇,黄堆集镇,双桥镇
菏泽市郓城县下辖区域坐标
{"侯咽集镇":[115.82262227163014,35.72285878440412],"唐塔街道":[115.92195697787355,35.62509028443251],"唐庙镇":[115.83642213622825,35.42022094388206],"张营镇":[116.06298086178853,35.60117729191855],"李集乡":[115.74744815900802,35.79170238268077],"武安镇":[115.81657173224261,35.50225382276533],"水堡乡":[115.73098732624052,35.62198194154141],"潘渡镇":[115.93623906434979,35.68540078147245],"程屯镇":[115.95512770753402,35.74638788740364],"郭屯镇":[115.93350247537377,35.47680628516387],"陈坡乡":[115.74659436900768,35.55123417645394],"黄安镇":[115.74628830828972,35.45736366685351],"黄集乡":[115.85774646963735,35.8148841979645],"丁里长镇":[115.97914152987063,35.53656412364411],"南赵楼镇":[115.91270867409781,35.40646006711803],"张鲁集乡":[115.71611888987678,35.70059436184724],"杨庄集镇":[116.04702334179669,35.67739816583269],"玉皇庙镇":[115.79990030196237,35.64688051023855],"郓州街道":[115.93608818411975,35.58589461587979],"随官屯镇":[116.01629136525634,35.45386814458418],"黄堆集镇":[116.07942139823173,35.53514539867456],"双桥镇":[115.85196545756637,35.55962426339894]}
菏泽市郓城县行政划分代码
[{"name":"侯咽集镇","code":"371725103000"},{"name":"唐塔街道","code":"371725002000"},{"name":"唐庙镇","code":"371725115000"},{"name":"张营镇","code":""},{"name":"李集乡","code":""},{"name":"武安镇","code":"371725104000"},{"name":"水堡乡","code":"371725208000"},{"name":"潘渡镇","code":"371725111000"},{"name":"程屯镇","code":"371725108000"},{"name":"郭屯镇","code":"371725105000"},{"name":"陈坡乡","code":"371725209000"},{"name":"黄安镇","code":"371725101000"},{"name":"黄集乡","code":""},{"name":"丁里长镇","code":""},{"name":"南赵楼镇","code":"371725113000"},{"name":"张鲁集乡","code":""},{"name":"杨庄集镇","code":"371725102000"},{"name":"玉皇庙镇","code":"371725107000"},{"name":"郓州街道","code":"371725001000"},{"name":"随官屯镇","code":"371725109000"},{"name":"黄堆集镇","code":""},{"name":"双桥镇","code":"371725112000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
