数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理甘南藏族自治州玛曲县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
玛曲县，隶属于 甘肃省 甘南藏族自治州，位于甘肃省甘南藏族自治州西南部，青藏高原东端，甘、青、川三省交界处，黄河第一弯曲部。地处东经100°45′45″～102°29′00″，北纬33°06′30″～34°30′15″之间。东北以西倾山为界与碌曲县接壤，东南与四川省阿坝藏族羌族自治州若尔盖县、阿坝县为邻，西南、西北分别与青海省果洛藏族自治州久治县、甘德县、玛沁县毗邻，北接青海省黄南藏族自治州河南蒙古族自治县。全县总面积10190平方公里，海拔3300-4806米，年平均气温2.9℃，平均降水量为611.9毫米，气候寒冷阴湿，无绝对无霜期。截至2021年10月，玛曲县下辖6个镇、2个乡及1场1站41个行政村。
echarts甘南藏族自治州玛曲县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts甘南藏族自治州玛曲县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts甘南藏族自治州玛曲县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs甘南藏族自治州玛曲县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频教程 Three.js 3D可视化
threejs甘南藏族自治州玛曲县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs甘南藏族自治州玛曲县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
甘南藏族自治州玛曲县 下辖有 木西合乡,尼玛镇,欧拉乡,曼日玛乡,河曲马场,采日玛乡,阿万仓乡,齐哈玛乡,大水军牧场,欧拉秀玛乡,高原生物研究所
甘南藏族自治州玛曲县下辖区域坐标
{"木西合乡":[],"尼玛镇":[102.00252239699552,33.95364482253225],"欧拉乡":[101.71539942301982,34.01694980904789],"曼日玛乡":[102.1912631484598,33.61516906855199],"河曲马场":[101.22539809772692,33.91743806384],"采日玛乡":[],"阿万仓乡":[101.66587521839759,33.74242739549049],"齐哈玛乡":[101.9907691215606,33.32100889960935],"大水军牧场":[101.38298654216874,33.84815380475696],"欧拉秀玛乡":[101.10212473754802,34.1944868094932],"高原生物研究所":[101.78228542307241,33.65449480751592]}
甘南藏族自治州玛曲县行政划分代码
[{"name":"木西合乡","code":"623025203000"},{"name":"尼玛镇","code":"623025100000"},{"name":"欧拉乡","code":""},{"name":"曼日玛乡","code":""},{"name":"河曲马场","code":"623025400000"},{"name":"采日玛乡","code":""},{"name":"阿万仓乡","code":""},{"name":"齐哈玛乡","code":""},{"name":"大水军牧场","code":"623025401000"},{"name":"欧拉秀玛乡","code":"623025201000"},{"name":"高原生物研究所","code":"623025402000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
