可视化数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理延安市宝塔区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
宝塔区，隶属于陕西省延安市，位于延安市中部，东与延长县毗邻，西与安塞区接壤，南接甘泉县、宜川县、富县，北靠延川县、子长市，区域面积3556平方千米，为陕北黄土高原丘陵沟壑区，具有沟壑纵横、地形破碎的特点，气候类型属于温带半干旱气候，年平均气温10.7℃，四季分明。截至2022年10月，宝塔区辖6个街道、12个镇、1个乡。宝塔区人民政府驻地宝塔山街道。宝塔区是少数民族人口的散住区，有回族、蒙古族、满族、维吾尔族等25个少数民族。2021年末，宝塔区户籍总人口为488426人。
echarts延安市宝塔区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts延安市宝塔区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts延安市宝塔区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs延安市宝塔区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs教程视频 WebGL前端3D可视化教程
threejs延安市宝塔区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs延安市宝塔区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
延安市宝塔区 下辖有 蟠龙镇,青化砭镇,麻洞川乡,万花山乡,南市街道,凤凰山街道,宝塔山街道,临镇,冯庄乡,姚店镇,川口乡,李渠镇,枣园镇,柳林镇,桥沟镇,梁村乡,南泥湾镇,河庄坪镇,甘谷驿镇
延安市宝塔区下辖区域坐标
{"蟠龙镇":[109.53789693666081,36.93004979384259],"青化砭镇":[109.63805164600063,36.79426963657272],"麻洞川乡":[109.79823942189162,36.42033297009736],"万花山乡":[109.35055136971758,36.52612594271269],"南市街道":[109.46911179315693,36.57671307925305],"凤凰山街道":[],"宝塔山街道":[109.48566764083927,36.60844302585707],"临镇":[109.88526436198477,36.31515171862567],"冯庄乡":[109.5063871169698,36.79586235349273],"姚店镇":[109.6996488209032,36.73085992320893],"川口乡":[109.62799147548625,36.56159378509891],"李渠镇":[109.57712789778056,36.66829192229845],"枣园镇":[109.36528243729629,36.63915663521732],"柳林镇":[109.45084792889966,36.47129167944226],"桥沟镇":[],"梁村乡":[109.50155151254776,36.88929547690901],"南泥湾镇":[109.65402286627449,36.34006806893025],"河庄坪镇":[109.39404124731716,36.6948479670444],"甘谷驿镇":[109.83175460959762,36.74736565252302]}
延安市宝塔区行政划分代码
[{"name":"蟠龙镇","code":"610602106000"},{"name":"青化砭镇","code":"610602105000"},{"name":"麻洞川乡","code":""},{"name":"万花山乡","code":""},{"name":"南市街道","code":"610602002000"},{"name":"凤凰山街道","code":"610602003000"},{"name":"宝塔山街道","code":"610602001000"},{"name":"临镇","code":"610602109000"},{"name":"冯庄乡","code":"610602202000"},{"name":"姚店镇","code":"610602104000"},{"name":"川口乡","code":""},{"name":"李渠镇","code":"610602103000"},{"name":"枣园镇","code":""},{"name":"柳林镇","code":"610602107000"},{"name":"桥沟镇","code":""},{"name":"梁村乡","code":""},{"name":"南泥湾镇","code":"610602108000"},{"name":"河庄坪镇","code":"610602102000"},{"name":"甘谷驿镇","code":"610602110000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
