大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是平凉市崆峒区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
崆峒区，隶属于 甘肃省 平凉市，地处甘肃省东部，六盘山东麓，介于东经106°25′－107°21′、北纬35°12′－35°45′ 之间。东邻泾川、镇原，南依华亭、崇信，西与宁夏回族自治区泾源、原州区接壤，北与彭阳、镇原县毗邻，历史上为丝绸古道西进北上甘凉的第一座关隘重镇，亦为陕甘宁三省交通要塞和陇东传统商品集散地，素有“旱码头”之称，为平凉市政治、经济、文化和交通中心。截至2021年末，崆峒区辖17个乡镇、3个街道，1个大景区，总面积1936平方公里，区政府驻西郊街道 。根据平凉市崆峒区第七次全国人口普查公报统计，崆峒区常住人口50.01万人。
echarts平凉市崆峒区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts平凉市崆峒区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts平凉市崆峒区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs平凉市崆峒区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js 3D可视化
threejs平凉市崆峒区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs平凉市崆峒区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
平凉市崆峒区 下辖有 大寨乡,大秦乡,安国乡,寨河乡,峡门乡,崆峒镇,柳湖乡,白庙乡,白水镇,索罗乡,花所乡,草峰镇,西阳乡,香莲乡,麻武乡,东关街道,中街街道,西郊街道,平凉市崆峒区西郊经济开发区,上杨乡,四十里铺镇,甘肃平凉工业园区
平凉市崆峒区下辖区域坐标
{"大寨乡":[106.8200929890615,35.36972757301989],"大秦乡":[106.62589570804508,35.62541208421579],"安国乡":[106.50651600465203,35.65884296450263],"寨河乡":[106.68936514600351,35.66483484869079],"峡门乡":[106.68102850680364,35.40615171404668],"崆峒镇":[106.5463785910707,35.52877080199167],"柳湖乡":[106.66212874678715,35.55601721403402],"白庙乡":[106.7375258273224,35.56840170012586],"白水镇":[106.9797873018426,35.4361901888299],"索罗乡":[107.12342594159077,35.45242913194133],"花所乡":[107.09738569223352,35.42534215424582],"草峰镇":[106.8735028307699,35.58473682850985],"西阳乡":[106.57116798201426,35.69217514169172],"香莲乡":[106.81663886623204,35.57222719568279],"麻武乡":[106.54697058713387,35.4464443143499],"东关街道":[],"中街街道":[106.68270586139036,35.54477264928869],"西郊街道":[106.64784286215891,35.54717308255378],"平凉市崆峒区西郊经济开发区":[],"上杨乡":[106.73378727299274,35.4531145777883],"四十里铺镇":[106.83690248007721,35.4780572624522],"甘肃平凉工业园区":[]}
平凉市崆峒区行政划分代码
[{"name":"大寨乡","code":"620802209000"},{"name":"大秦乡","code":"620802206000"},{"name":"安国乡","code":""},{"name":"寨河乡","code":"620802208000"},{"name":"峡门乡","code":"620802212000"},{"name":"崆峒镇","code":"620802101000"},{"name":"柳湖乡","code":""},{"name":"白庙乡","code":"620802207000"},{"name":"白水镇","code":"620802102000"},{"name":"索罗乡","code":"620802203000"},{"name":"花所乡","code":""},{"name":"草峰镇","code":"620802103000"},{"name":"西阳乡","code":"620802205000"},{"name":"香莲乡","code":"620802204000"},{"name":"麻武乡","code":"620802211000"},{"name":"东关街道","code":"620802001000"},{"name":"中街街道","code":"620802002000"},{"name":"西郊街道","code":"620802003000"},{"name":"平凉市崆峒区西郊经济开发区","code":""},{"name":"上杨乡","code":"620802210000"},{"name":"四十里铺镇","code":"620802106000"},{"name":"甘肃平凉工业园区","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
