echarts滨州市惠民县geoJson地图迁徙图效果实例

geoJson2 yekong

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

惠民县,隶属于山东省滨州市,地处鲁西北平原,北与滨州市阳信县接壤,东邻滨州市滨城区,南隔黄河与淄博市高青县、滨州邹平市相望,西与济南市商河县、济阳区交界。根据第七次人口普查数据,截至2020年11月1日零时,惠民县常住人口为569975人。

echarts滨州市惠民县geoJson地图迁徙图

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts滨州市惠民县geoJson地图迁徙图

echarts滨州市惠民县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts滨州市惠民县geoJson地图3d地图自定义贴图-绿色地面

echarts滨州市惠民县geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts滨州市惠民县geoJson地图添加柱状图

threejs滨州市惠民县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程

threejs滨州市惠民县geoJson地图3d地图css2d标签

threejs滨州市惠民县geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs滨州市惠民县geoJson地图3d地图CSS2D外加旋转棱锥

threejs滨州市惠民县geoJson地图3d地图添加旋转棱锥

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

threejs滨州市惠民县geoJson地图3d地图添加旋转棱锥

滨州市惠民县 下辖有 魏集镇,李庄镇,姜楼镇,淄角镇,清河镇,石庙镇,胡集镇,辛店镇,麻店镇,何坊街道,大年陈镇,桑落墅镇,孙武街道,皂户李镇,武定府街道

滨州市惠民县下辖区域坐标

{"魏集镇":[117.76921048285044,37.28577040054613],"李庄镇":[117.58216385607895,37.26298345741023],"姜楼镇":[117.47442481806192,37.23084819124186],"淄角镇":[117.44856369432026,37.33232230179691],"清河镇":[117.68530544439676,37.30682073965325],"石庙镇":[117.3746157991038,37.44896290877552],"胡集镇":[117.74493665990795,37.38208249931932],"辛店镇":[117.57872342356549,37.36076778325646],"麻店镇":[117.64175783138758,37.41836149220789],"何坊街道":[117.57943296937539,37.50554546132574],"大年陈镇":[117.51443143439181,37.15765978575939],"桑落墅镇":[117.73968057714734,37.48337103951417],"孙武街道":[117.47788145390797,37.50041718759162],"皂户李镇":[117.48908509065393,37.41431354136015],"武定府街道":[117.56846772432436,37.49180978145316]}

滨州市惠民县行政划分代码

[{"name":"魏集镇","code":"371621108000"},{"name":"李庄镇","code":"371621105000"},{"name":"姜楼镇","code":"371621111000"},{"name":"淄角镇","code":"371621103000"},{"name":"清河镇","code":"371621109000"},{"name":"石庙镇","code":"371621101000"},{"name":"胡集镇","code":"371621104000"},{"name":"辛店镇","code":"371621113000"},{"name":"麻店镇","code":"371621107000"},{"name":"何坊街道","code":"371621003000"},{"name":"大年陈镇","code":"371621114000"},{"name":"桑落墅镇","code":"371621102000"},{"name":"孙武街道","code":"371621001000"},{"name":"皂户李镇","code":"371621115000"},{"name":"武定府街道","code":"371621004000"}]

说明

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

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

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

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

滨州市惠民县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts滨州市惠民县geoJson地图迁徙图效果实例