大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理赣州市兴国县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts赣州市兴国县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts赣州市兴国县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts赣州市兴国县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs赣州市兴国县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs视频教程 Three.js 3D可视化
threejs赣州市兴国县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
赣州市兴国县 下辖有 江背镇,兴国县工业园,东村乡,兴江乡,兴莲乡,南坑乡,均村乡,城岗乡,埠头乡,崇贤乡,方太乡,杰村乡,枫边乡,梅窖镇,樟木乡,永丰乡,隆坪乡,高兴镇,鼎龙乡,龙口镇,古龙冈镇,潋江镇,社富乡,良村镇,茶园乡,长冈乡
赣州市兴国县下辖区域坐标
{"江背镇":[115.46667713296124,26.29875284413026],"兴国县工业园":[115.3718330082495,26.25872615667739],"东村乡":[115.55582197489198,26.3463532973113],"兴江乡":[115.78794698106955,26.53225084553825],"兴莲乡":[115.57244347917603,26.4459006525704],"南坑乡":[115.68073547717356,26.59660497993791],"均村乡":[115.10516795801296,26.37542500071639],"城岗乡":[115.49268152945048,26.52942319704375],"埠头乡":[115.31573368042602,26.26807929406352],"崇贤乡":[115.33343639822168,26.56980520412156],"方太乡":[115.40645202936484,26.5061443994879],"杰村乡":[115.44505284161892,26.21535970708856],"枫边乡":[115.4692806713096,26.63291438019474],"梅窖镇":[115.73613859982605,26.37876813341379],"樟木乡":[115.61212532225954,26.33244500933695],"永丰乡":[115.18514808462476,26.28787073187425],"隆坪乡":[115.21053483319147,26.37845548253176],"高兴镇":[115.27145947107216,26.46027649096199],"鼎龙乡":[115.46249406895156,26.40130354547204],"龙口镇":[115.28622406763978,26.20585560601691],"古龙冈镇":[115.68963210978436,26.44654655345585],"潋江镇":[115.34383684417998,26.3194917774623],"社富乡":[115.41333448820943,26.13520132440267],"良村镇":[115.58308016485,26.57921573736423],"茶园乡":[115.15727869973611,26.45644112567359],"长冈乡":[115.38741989181958,26.36776429823899]}
赣州市兴国县行政划分代码
[{"name":"江背镇","code":"360732101000"},{"name":"兴国县工业园","code":"360732400000"},{"name":"东村乡","code":"360732202000"},{"name":"兴江乡","code":"360732200000"},{"name":"兴莲乡","code":"360732203000"},{"name":"南坑乡","code":"360732213000"},{"name":"均村乡","code":"360732209000"},{"name":"城岗乡","code":""},{"name":"埠头乡","code":"360732206000"},{"name":"崇贤乡","code":"360732211000"},{"name":"方太乡","code":"360732215000"},{"name":"杰村乡","code":"360732204000"},{"name":"枫边乡","code":"360732212000"},{"name":"梅窖镇","code":"360732103000"},{"name":"樟木乡","code":"360732201000"},{"name":"永丰乡","code":""},{"name":"隆坪乡","code":"360732208000"},{"name":"高兴镇","code":"360732104000"},{"name":"鼎龙乡","code":"360732216000"},{"name":"龙口镇","code":"360732106000"},{"name":"古龙冈镇","code":"360732102000"},{"name":"潋江镇","code":"360732100000"},{"name":"社富乡","code":"360732205000"},{"name":"良村镇","code":"360732105000"},{"name":"茶园乡","code":"360732210000"},{"name":"长冈乡","code":"360732217000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
