随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理安康市白河县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
白河县，隶属于陕西省安康市，位于安康市东部，北临汉江，隔江与湖北省郧西县相望，东、南部分别与湖北省郧阳区、竹山县接壤，西与旬阳市相连，区域面积1450平方千米。截至2022年10月，白河县辖11个镇。2021年，白河县常住人口22.1万人。
echarts安康市白河县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts安康市白河县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts安康市白河县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs安康市白河县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs安康市白河县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs安康市白河县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
安康市白河县 下辖有 中厂镇,冷水镇,卡子镇,城关镇,宋家镇,小双镇,构扒镇,茅坪镇,西营镇,麻虎镇,仓上镇,双丰镇
安康市白河县下辖区域坐标
{"中厂镇":[110.13391049304825,32.69819102881487],"冷水镇":[109.88906556000211,32.84312035482485],"卡子镇":[110.025656588504,32.64146053008736],"城关镇":[110.06486308490845,32.8178295525553],"宋家镇":[109.81209136583507,32.64249281980152],"小双镇":[109.82621466099204,32.77995706869515],"构扒镇":[110.02938900416817,32.70019916934234],"茅坪镇":[109.9105794892984,32.68001645428134],"西营镇":[109.71950465962172,32.74880483695573],"麻虎镇":[109.9679241508245,32.81847055594366],"仓上镇":[109.72367372679231,32.81131945422298],"双丰镇":[109.72256255249172,32.66420010182195]}
安康市白河县行政划分代码
[{"name":"中厂镇","code":"610929101000"},{"name":"冷水镇","code":"610929108000"},{"name":"卡子镇","code":"610929103000"},{"name":"城关镇","code":"610929100000"},{"name":"宋家镇","code":"610929105000"},{"name":"小双镇","code":""},{"name":"构扒镇","code":""},{"name":"茅坪镇","code":"610929104000"},{"name":"西营镇","code":"610929106000"},{"name":"麻虎镇","code":"610929110000"},{"name":"仓上镇","code":"610929107000"},{"name":"双丰镇","code":"610929109000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
