数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是吉安市遂川县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts吉安市遂川县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts吉安市遂川县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts吉安市遂川县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs吉安市遂川县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣，可以观看threejs视频教程 Three.js 3D可视化
threejs吉安市遂川县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs吉安市遂川县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
吉安市遂川县 下辖有 大坑乡,大汾镇,左安镇,巾石乡,新江乡,枚江乡,汤湖镇,泉江镇,珠田乡,碧洲镇,禾源镇,营盘圩乡,遂川县工业园区,草林镇,衙前镇,西溪乡,雩田镇,南江乡,双桥乡,高坪镇,黄坑乡,五斗江乡,堆子前镇,戴家埔乡
吉安市遂川县下辖区域坐标
{"大坑乡":[114.38316936047359,26.4287299825137],"大汾镇":[114.14382818599472,26.30735479845453],"左安镇":[114.28534907674674,26.10036211462313],"巾石乡":[114.62515496177777,26.25751278771833],"新江乡":[114.37745926289377,26.6290224606988],"枚江乡":[114.60930157403422,26.33753141171042],"汤湖镇":[114.17454087383561,26.07501025740976],"泉江镇":[114.47060079281148,26.34886316577532],"珠田乡":[114.48444359530043,26.23889664520752],"碧洲镇":[114.69569465420378,26.35572158245948],"禾源镇":[114.42953244199889,26.1616660132703],"营盘圩乡":[113.99439281977348,26.20862169152613],"遂川县工业园区":[114.5961268519232,26.37650563305731],"草林镇":[114.38425563148832,26.26107118429007],"衙前镇":[114.46661026971748,26.54184002193112],"西溪乡":[114.25677183599399,26.30772536040704],"雩田镇":[114.53478856407486,26.42623175180758],"南江乡":[114.34243812140693,26.17723281587675],"双桥乡":[114.51809119111465,26.6355787901751],"高坪镇":[114.08317871429699,26.03197722705218],"黄坑乡":[114.2668015952253,26.20859175378979],"五斗江乡":[114.30083784886259,26.54708630164945],"堆子前镇":[114.30413522695594,26.3480014802799],"戴家埔乡":[114.08586451603712,26.25131810539563]}
吉安市遂川县行政划分代码
[{"name":"大坑乡","code":"360827202000"},{"name":"大汾镇","code":"360827107000"},{"name":"左安镇","code":"360827105000"},{"name":"巾石乡","code":"360827201000"},{"name":"新江乡","code":"360827205000"},{"name":"枚江乡","code":""},{"name":"汤湖镇","code":"360827110000"},{"name":"泉江镇","code":"360827100000"},{"name":"珠田乡","code":""},{"name":"碧洲镇","code":"360827102000"},{"name":"禾源镇","code":"360827109000"},{"name":"营盘圩乡","code":"360827211000"},{"name":"遂川县工业园区","code":"360827402000"},{"name":"草林镇","code":"360827103000"},{"name":"衙前镇","code":"360827108000"},{"name":"西溪乡","code":"360827207000"},{"name":"雩田镇","code":"360827101000"},{"name":"南江乡","code":"360827208000"},{"name":"双桥乡","code":"360827204000"},{"name":"高坪镇","code":"360827106000"},{"name":"黄坑乡","code":"360827209000"},{"name":"五斗江乡","code":"360827206000"},{"name":"堆子前镇","code":"360827104000"},{"name":"戴家埔乡","code":"360827210000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
