数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理商洛市商州区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
商州区，隶属于陕西省商洛市，位于陕西省东南部，秦岭东段南麓，丹江上游，东与丹凤县毗邻，南与山阳县接壤，西以秦岭山脉为界，与蓝田、柞水二县相连，北与洛南县相接，介于北纬33°38′—34°11′，东经109°30′—110°14′之间，总面积2672平方千米。距西安117千米。是商洛市委、市人民政府所在地。 截至2022年10月，商州区下辖4个街道、14个镇，另设有9个功能区。截至2022年末，商州区常住人口46.82万人。
echarts商洛市商州区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts商洛市商州区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts商洛市商州区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs商洛市商州区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频 Three.js前端3D可视化教程
threejs商洛市商州区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs商洛市商州区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
商洛市商州区 下辖有 杨峪河镇,沙河子镇,夜村镇,城关街道,大荆镇,杨斜镇,板桥镇,腰市镇,西荆镇,闫村镇,麻街镇,黑山镇,上官坊镇,刘湾街道,牧护关镇,砚池河镇,金陵寺镇,陈塬街道,麻池河镇,二龙山水库,大赵峪街道,荆河农业示范园,商洛职业技术学院,商丹循环工业园,氟化硅产业业园,南秦水库,三岔河镇,北宽坪镇,高校园区,黑龙口镇,荆河工业园,二龙山国营林场
商洛市商州区下辖区域坐标
{"杨峪河镇":[109.83389553524266,33.83718828624301],"沙河子镇":[110.01996063464173,33.83266720166986],"夜村镇":[110.0888259401158,33.76116385592228],"城关街道":[109.94263022936086,33.88348689074859],"大荆镇":[109.85405718137059,34.07288895587291],"杨斜镇":[109.6072755672104,33.86341263190111],"板桥镇":[109.99484186528795,33.99631999715044],"腰市镇":[109.89854446809531,34.09648246650693],"西荆镇":[109.79509295643248,34.07386316762678],"闫村镇":[109.83799592050835,33.70268933452213],"麻街镇":[109.85034549975778,33.96714298261081],"黑山镇":[109.7507048849582,33.72040981595437],"上官坊镇":[109.90627961646791,33.69739797501506],"刘湾街道":[109.92141369048232,33.80371669012244],"牧护关镇":[109.58338399177717,34.01506398367925],"砚池河镇":[109.63726516662238,33.74763501380786],"金陵寺镇":[109.7492521863366,33.90457832125952],"陈塬街道":[109.87527921465622,33.8941060465408],"麻池河镇":[109.72954780237157,33.83520534020749],"二龙山水库":[109.91523965246313,33.90157445154496],"大赵峪街道":[109.98908413394699,33.8704124363225],"荆河农业示范园":[109.88528367593628,34.03981785836],"商洛职业技术学院":[109.9086009998959,33.88313210743448],"商丹循环工业园":[109.97736573856332,33.83644703672012],"氟化硅产业业园":[110.07612356410112,33.78725529251561],"南秦水库":[109.84528308161389,33.86229358321511],"三岔河镇":[109.67945681991377,33.96730119515766],"北宽坪镇":[110.16887692290473,33.91572359385493],"高校园区":[109.95230913423309,33.86580631159103],"黑龙口镇":[109.72359752366555,34.04458535377627],"荆河工业园":[109.83664897577484,34.05265599133218],"二龙山国营林场":[109.91644217156154,33.90123264573863]}
商洛市商州区行政划分代码
[{"name":"杨峪河镇","code":"611002105000"},{"name":"沙河子镇","code":"611002104000"},{"name":"夜村镇","code":"611002101000"},{"name":"城关街道","code":"611002001000"},{"name":"大荆镇","code":"611002112000"},{"name":"杨斜镇","code":"611002108000"},{"name":"板桥镇","code":"611002114000"},{"name":"腰市镇","code":"611002113000"},{"name":"西荆镇","code":""},{"name":"闫村镇","code":"611002121000"},{"name":"麻街镇","code":"611002109000"},{"name":"黑山镇","code":"611002107000"},{"name":"上官坊镇","code":""},{"name":"刘湾街道","code":"611002004000"},{"name":"牧护关镇","code":"611002111000"},{"name":"砚池河镇","code":""},{"name":"金陵寺镇","code":"611002106000"},{"name":"陈塬街道","code":"611002003000"},{"name":"麻池河镇","code":""},{"name":"二龙山水库","code":"611002400000"},{"name":"大赵峪街道","code":"611002002000"},{"name":"荆河农业示范园","code":"611002405000"},{"name":"商洛职业技术学院","code":"611002407000"},{"name":"商丹循环工业园","code":"611002403000"},{"name":"氟化硅产业业园","code":"611002408000"},{"name":"南秦水库","code":"611002401000"},{"name":"三岔河镇","code":"611002119000"},{"name":"北宽坪镇","code":"611002115000"},{"name":"高校园区","code":"611002406000"},{"name":"黑龙口镇","code":""},{"name":"荆河工业园","code":"611002404000"},{"name":"二龙山国营林场","code":"611002402000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
