数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是南充市阆中市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts南充市阆中市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts南充市阆中市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts南充市阆中市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs南充市阆中市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频教程 Three.js视频教程3D可视化
threejs南充市阆中市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs南充市阆中市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
南充市阆中市 下辖有 三庙乡,东兴乡,二龙镇,北门乡,五马乡,千佛镇,西山乡,凉水乡,彭城镇,双龙镇,垭口乡,天宫乡,天林乡,妙高镇,宝台乡,宝马镇,峰占乡,思依镇,文成镇,方山乡,朱镇乡,石龙镇,望垭镇,木兰乡,枣碧乡,桥楼乡,保宁街道,柏垭镇,水观镇,清泉乡,河楼乡,河溪镇,治平乡,洪山镇,玉台镇,石滩镇,福星乡,老观镇,裕华镇,解元乡,金垭镇,金子乡,飞凤镇,鹤峰乡,龙泉镇,七里街道,江南街道,沙溪街道,博树回族乡
南充市阆中市下辖区域坐标
{"三庙乡":[106.39129493538147,31.77281562772194],"东兴乡":[106.09156482513008,31.64525458325704],"二龙镇":[106.1546626528641,31.63710911210971],"北门乡":[105.79344163663202,31.5758715352579],"五马乡":[106.07512760928162,31.58614538876324],"千佛镇":[106.29609399305336,31.72689617394762],"西山乡":[106.22774870755336,31.74419716862104],"凉水乡":[106.23136998127598,31.63160471241572],"彭城镇":[105.99888954195036,31.45270341582528],"双龙镇":[105.99308222192283,31.50194830494967],"垭口乡":[105.89725849671234,31.61354852672824],"天宫乡":[105.86212513902944,31.4389473614907],"天林乡":[105.83363473653401,31.48219851143349],"妙高镇":[106.19075657466621,31.56722897745418],"宝台乡":[106.25573388901796,31.49885461783046],"宝马镇":[106.1039339723971,31.48779527894081],"峰占乡":[106.33633865361321,31.81182992943185],"思依镇":[105.78577517985235,31.62898441207356],"文成镇":[106.01926043941172,31.64625872240515],"方山乡":[106.15084347941499,31.80100563732963],"朱镇乡":[106.05538507129316,31.42734920542956],"石龙镇":[106.04288187174312,31.48131299554341],"望垭镇":[106.36441881374942,31.68863741401896],"木兰乡":[105.72845059372011,31.58660342492054],"枣碧乡":[105.84426074801688,31.60423844668943],"桥楼乡":[105.76586180700029,31.7000827772093],"保宁街道":[105.96975979698213,31.59637319031619],"柏垭镇":[105.92922275265532,31.43334023533646],"水观镇":[106.2423767832159,31.46379406328079],"清泉乡":[106.09755009529874,31.70818165195703],"河楼乡":[105.72401332976591,31.6438774431309],"河溪镇":[106.08502568813077,31.530347669037],"治平乡":[105.84890084386382,31.5445175268349],"洪山镇":[106.10834733765279,31.4424353115019],"玉台镇":[106.24879639220123,31.54865511126967],"石滩镇":[106.21819954212576,31.68277869296263],"福星乡":[106.17324836442377,31.45135653847019],"老观镇":[106.15706810618727,31.75085894272713],"裕华镇":[105.9195892535293,31.52643771624936],"解元乡":[106.15321906139282,31.70456546115862],"金垭镇":[106.17676220577424,31.50888384563665],"金子乡":[106.29089320983383,31.66833311644812],"飞凤镇":[105.88417971545458,31.51297851340546],"鹤峰乡":[106.36293655178343,31.75951571910772],"龙泉镇":[106.2804731486719,31.77860478093808],"七里街道":[106.01008581358636,31.5692378230809],"江南街道":[105.92834474196258,31.5640098203884],"沙溪街道":[105.9576337112124,31.63182598006842],"博树回族乡":[106.05703152431231,31.67128879788114]}
南充市阆中市行政划分代码
[{"name":"三庙乡","code":""},{"name":"东兴乡","code":""},{"name":"二龙镇","code":"511381109000"},{"name":"北门乡","code":""},{"name":"五马乡","code":""},{"name":"千佛镇","code":"511381113000"},{"name":"西山乡","code":""},{"name":"凉水乡","code":""},{"name":"彭城镇","code":"511381103000"},{"name":"双龙镇","code":""},{"name":"垭口乡","code":""},{"name":"天宫乡","code":""},{"name":"天林乡","code":""},{"name":"妙高镇","code":"511381116000"},{"name":"宝台乡","code":""},{"name":"宝马镇","code":""},{"name":"峰占乡","code":"511381234000"},{"name":"思依镇","code":"511381107000"},{"name":"文成镇","code":"511381108000"},{"name":"方山乡","code":""},{"name":"朱镇乡","code":""},{"name":"石龙镇","code":""},{"name":"望垭镇","code":"511381114000"},{"name":"木兰乡","code":""},{"name":"枣碧乡","code":""},{"name":"桥楼乡","code":"511381212000"},{"name":"保宁街道","code":"511381001000"},{"name":"柏垭镇","code":"511381105000"},{"name":"水观镇","code":"511381120000"},{"name":"清泉乡","code":""},{"name":"河楼乡","code":""},{"name":"河溪镇","code":""},{"name":"治平乡","code":""},{"name":"洪山镇","code":"511381117000"},{"name":"玉台镇","code":"511381122000"},{"name":"石滩镇","code":"511381110000"},{"name":"福星乡","code":""},{"name":"老观镇","code":"511381111000"},{"name":"裕华镇","code":""},{"name":"解元乡","code":""},{"name":"金垭镇","code":"511381121000"},{"name":"金子乡","code":""},{"name":"飞凤镇","code":"511381106000"},{"name":"鹤峰乡","code":"511381235000"},{"name":"龙泉镇","code":"511381112000"},{"name":"七里街道","code":"511381004000"},{"name":"江南街道","code":"511381005000"},{"name":"沙溪街道","code":"511381003000"},{"name":"博树回族乡","code":"511381219000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
