可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理巴中市南江县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts巴中市南江县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts巴中市南江县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts巴中市南江县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs巴中市南江县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js 3D可视化
threejs巴中市南江县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs巴中市南江县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
巴中市南江县 下辖有 乐坝镇,侯家乡,上两乡,双桂乡,下两镇,东榆镇,仁和乡,傅家乡,元潭乡,八庙乡,关坝乡,关田乡,关路乡,关门乡,寨坡乡,兴马乡,凤仪乡,天池乡,北极乡,大河镇,南江镇,双流乡,和平乡,团结乡,坪河乡,平岗乡,朱公乡,杨坝镇,柳湾乡,桥亭乡,红四乡,正直镇,汇滩乡,沙坝乡,沙河镇,流坝乡,燕山乡,石滩乡,红光乡,红岩乡,贵民乡,赤溪乡,赶场镇,长赤镇,高塔乡,高桥乡,黑潭乡,光雾山镇
巴中市南江县下辖区域坐标
{"乐坝镇":[106.68990152736114,32.2521920495162],"侯家乡":[106.58529068863484,32.09124723273225],"上两乡":[106.82937312734512,32.54518771743057],"双桂乡":[106.56412304962289,32.1153844965836],"下两镇":[106.74188572153277,32.05425138990003],"东榆镇":[106.7708887363903,32.32644668619753],"仁和乡":[106.89772347403164,32.04896305844255],"傅家乡":[106.6879992990896,32.11710219389855],"元潭乡":[106.78585275726334,32.01221785558101],"八庙乡":[106.7777093997955,32.19325952271948],"关坝乡":[106.98469396159226,32.61121654074923],"关田乡":[107.03407244954201,32.35251842798614],"关路乡":[106.97411269201496,32.32583276266199],"关门乡":[106.89163678112655,32.24804902327465],"寨坡乡":[106.83082462427865,32.59255297529661],"兴马乡":[107.00465927671529,32.25564019668685],"凤仪乡":[106.5911082171771,31.90722992917057],"天池乡":[106.5938617093958,32.17541618948901],"北极乡":[106.98481920737623,32.14025697849814],"大河镇":[106.96722830899716,32.18906973574499],"南江镇":[106.82012332282903,32.37130548282664],"双流乡":[106.50461839032187,31.98282360986146],"和平乡":[106.56127248061932,32.04667710082706],"团结乡":[106.74557808098271,32.29620422590479],"坪河乡":[106.70723084268366,32.4639700236674],"平岗乡":[106.90640556988023,32.09857754755988],"朱公乡":[106.6530153690769,31.9488618411369],"杨坝镇":[106.77241434060349,32.49271792452279],"柳湾乡":[106.95014901833105,32.52026127712433],"桥亭乡":[106.87832396115914,32.47668373120095],"红四乡":[106.63130599028021,32.21615333090638],"正直镇":[106.59749924240923,31.97989191139077],"汇滩乡":[107.06507202640991,32.49422956885464],"沙坝乡":[107.02854415516089,32.58412638220848],"沙河镇":[106.72980284359784,32.22093375128578],"流坝乡":[106.79790336350396,32.42790830051416],"燕山乡":[106.80347392888794,32.15325573878982],"石滩乡":[106.87213287552362,32.14333473069563],"红光乡":[106.64170250391427,32.08525504161918],"红岩乡":[107.01540013674031,32.40523487769194],"贵民乡":[106.99405278567818,32.4891814231673],"赤溪乡":[106.75448059368924,32.1329246772838],"赶场镇":[106.94404559660572,32.39395916404358],"长赤镇":[106.64892287953141,32.1718407824177],"高塔乡":[106.834724616215,32.21808494806509],"高桥乡":[106.83655313384224,32.10252678846669],"黑潭乡":[106.6674357082122,32.03436279932885],"光雾山镇":[106.86536024302906,32.62537238160155]}
巴中市南江县行政划分代码
[{"name":"乐坝镇","code":""},{"name":"侯家乡","code":""},{"name":"上两乡","code":""},{"name":"双桂乡","code":""},{"name":"下两镇","code":"511922108000"},{"name":"东榆镇","code":""},{"name":"仁和乡","code":""},{"name":"傅家乡","code":""},{"name":"元潭乡","code":""},{"name":"八庙乡","code":""},{"name":"关坝乡","code":""},{"name":"关田乡","code":""},{"name":"关路乡","code":""},{"name":"关门乡","code":""},{"name":"寨坡乡","code":""},{"name":"兴马乡","code":""},{"name":"凤仪乡","code":""},{"name":"天池乡","code":""},{"name":"北极乡","code":""},{"name":"大河镇","code":"511922105000"},{"name":"南江镇","code":""},{"name":"双流乡","code":""},{"name":"和平乡","code":""},{"name":"团结乡","code":"511922204000"},{"name":"坪河乡","code":""},{"name":"平岗乡","code":""},{"name":"朱公乡","code":""},{"name":"杨坝镇","code":"511922110000"},{"name":"柳湾乡","code":""},{"name":"桥亭乡","code":""},{"name":"红四乡","code":""},{"name":"正直镇","code":"511922104000"},{"name":"汇滩乡","code":""},{"name":"沙坝乡","code":""},{"name":"沙河镇","code":"511922101000"},{"name":"流坝乡","code":""},{"name":"燕山乡","code":""},{"name":"石滩乡","code":""},{"name":"红光乡","code":""},{"name":"红岩乡","code":""},{"name":"贵民乡","code":""},{"name":"赤溪乡","code":""},{"name":"赶场镇","code":"511922109000"},{"name":"长赤镇","code":"511922103000"},{"name":"高塔乡","code":""},{"name":"高桥乡","code":""},{"name":"黑潭乡","code":""},{"name":"光雾山镇","code":"511922106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
