大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理上饶市弋阳县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts上饶市弋阳县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts上饶市弋阳县geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts上饶市弋阳县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs上饶市弋阳县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣，可以观看threejs课程视频 Three.js前端3D可视化
threejs上饶市弋阳县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
上饶市弋阳县 下辖有 弋江镇,花亭乡,葛溪乡,桃源街道,樟树墩镇,三县岭乡,中畈乡,南岩镇,叠山镇,圭峰镇,曹溪镇,朱坑镇,清湖乡,港口镇,湾里乡,漆工镇,旭光乡
上饶市弋阳县下辖区域坐标
{"弋江镇":[117.41891631124253,28.40828753005208],"花亭乡":[117.41394470992523,28.4590109444445],"葛溪乡":[117.46404632356825,28.47706778894715],"桃源街道":[117.4446690987356,28.41779812746814],"樟树墩镇":[117.45117664040319,28.55058659467344],"三县岭乡":[117.34985082519894,28.65811868696715],"中畈乡":[117.34694163707101,28.55018174498874],"南岩镇":[117.44004870541505,28.32557406373861],"叠山镇":[117.44310462481513,28.18341063388217],"圭峰镇":[117.33719205469774,28.28107382162396],"曹溪镇":[117.30782694447225,28.70092021116002],"朱坑镇":[117.5072358687517,28.38697490737356],"清湖乡":[117.35474711627683,28.38882573542262],"港口镇":[117.34858426777717,28.18406485052603],"湾里乡":[117.37425752551457,28.4574596899207],"漆工镇":[117.51455233304495,28.60995667452084],"旭光乡":[117.40171055561369,28.21376999411702]}
上饶市弋阳县行政划分代码
[{"name":"弋江镇","code":"361126109000"},{"name":"花亭乡","code":""},{"name":"葛溪乡","code":"361126203000"},{"name":"桃源街道","code":"361126001000"},{"name":"樟树墩镇","code":"361126103000"},{"name":"三县岭乡","code":""},{"name":"中畈乡","code":"361126202000"},{"name":"南岩镇","code":""},{"name":"叠山镇","code":"361126107000"},{"name":"圭峰镇","code":"361126106000"},{"name":"曹溪镇","code":"361126101000"},{"name":"朱坑镇","code":"361126105000"},{"name":"清湖乡","code":"361126206000"},{"name":"港口镇","code":"361126108000"},{"name":"湾里乡","code":"361126204000"},{"name":"漆工镇","code":"361126102000"},{"name":"旭光乡","code":"361126207000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
