echarts曲靖市富源县geoJson地图飞线图演示实例

geoJson2 yekong

大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理曲靖市富源县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts曲靖市富源县geoJson地图飞线图

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

echarts曲靖市富源县geoJson地图飞线图

echarts曲靖市富源县geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts曲靖市富源县geoJson地图圆形波纹状气泡图

echarts曲靖市富源县geoJson地图3d地图

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

echarts曲靖市富源县geoJson地图3d地图

threejs曲靖市富源县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频课程 3D可视化Three.js视频教程

threejs曲靖市富源县geoJson地图3d地图添加描边效果

threejs曲靖市富源县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs曲靖市富源县geoJson地图3d地图添加金色效果

threejs曲靖市富源县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs曲靖市富源县geoJson地图3d地图CSS3D标签

曲靖市富源县 下辖有 后所镇,墨红镇,大河镇,老厂镇,营上镇,黄泥河镇,十八连山镇,中安镇,古敢乡,竹园镇,富村镇

曲靖市富源县下辖区域坐标

{"后所镇":[104.31121986173311,25.85899464313737],"墨红镇":[104.11327872284238,25.42820414486074],"大河镇":[104.3116087082006,25.55717806971673],"老厂镇":[104.504186676691,25.2189930337677],"营上镇":[104.33401786520395,25.46348551125929],"黄泥河镇":[104.63152815425016,25.25434130399273],"十八连山镇":[104.57686331569582,25.13602382929214],"中安镇":[104.18052589572446,25.65208453988792],"古敢乡":[104.76674488822368,25.21947699652961],"竹园镇":[104.27430165823503,25.38481846993849],"富村镇":[104.49359402164418,25.39658338480738]}

曲靖市富源县行政划分代码

[{"name":"后所镇","code":"530325105000"},{"name":"墨红镇","code":"530325107000"},{"name":"大河镇","code":"530325106000"},{"name":"老厂镇","code":"530325110000"},{"name":"营上镇","code":"530325102000"},{"name":"黄泥河镇","code":"530325103000"},{"name":"十八连山镇","code":"530325109000"},{"name":"中安镇","code":""},{"name":"古敢乡","code":""},{"name":"竹园镇","code":"530325104000"},{"name":"富村镇","code":"530325108000"}]

说明

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

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

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

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

曲靖市富源县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts曲靖市富源县geoJson地图飞线图演示实例