大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理曲靖市富源县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts曲靖市富源县geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts曲靖市富源县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts曲靖市富源县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs曲靖市富源县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频课程 3D可视化Three.js视频教程
threejs曲靖市富源县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs曲靖市富源县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在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地图效果实例查看