数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是庆阳市华池县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
华池县隶属于 甘肃省 庆阳市,位于甘肃省东部、庆阳市东北部,东北与陕西省的志丹、吴起、定边接壤,西南与本市环县、庆城、合水为邻。地处东经107°29’~108°33’,北纬36°07’~36°51’之间。截至2019年,华池县辖6镇9乡9社区111个行政村646个自然村,总土地面积3791平方公里。根据第七次人口普查数据,截至2020年11月1日零时,华池县常住人口119346人。
echarts庆阳市华池县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts庆阳市华池县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts庆阳市华池县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs庆阳市华池县geoJson地图3d地图
通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs庆阳市华池县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs庆阳市华池县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
庆阳市华池县 下辖有 乔川乡,乔河乡,五蛟乡,元城镇,南梁镇,城壕乡,山庄乡,怀安乡,悦乐镇,林镇乡,柔远镇,白马乡,上里塬乡,王咀子乡,紫坊畔乡
庆阳市华池县下辖区域坐标
{"乔川乡":[107.64302982508929,36.75824374900145],"乔河乡":[108.07419884233258,36.53839873215373],"五蛟乡":[107.77196719344269,36.4178257373851],"元城镇":[107.81674740436935,36.68530205109722],"南梁镇":[108.31523794886294,36.44823695335856],"城壕乡":[108.08620081935649,36.26923443550852],"山庄乡":[108.23444703655144,36.38222469110427],"怀安乡":[107.9079917962662,36.6125162906156],"悦乐镇":[107.92419225449638,36.30794818543919],"林镇乡":[108.38568330435564,36.30104446605294],"柔远镇":[107.99551266018136,36.49021210327807],"白马乡":[107.71464743003739,36.58568862548657],"上里塬乡":[107.72533498372368,36.3103667333322],"王咀子乡":[107.78265641399986,36.22718365408007],"紫坊畔乡":[108.21492699284258,36.54475430177528]}
庆阳市华池县行政划分代码
[{"name":"乔川乡","code":"621023206000"},{"name":"乔河乡","code":"621023207000"},{"name":"五蛟乡","code":""},{"name":"元城镇","code":"621023102000"},{"name":"南梁镇","code":"621023103000"},{"name":"城壕乡","code":""},{"name":"山庄乡","code":"621023208000"},{"name":"怀安乡","code":"621023205000"},{"name":"悦乐镇","code":"621023100000"},{"name":"林镇乡","code":"621023210000"},{"name":"柔远镇","code":"621023101000"},{"name":"白马乡","code":"621023204000"},{"name":"上里塬乡","code":"621023202000"},{"name":"王咀子乡","code":"621023203000"},{"name":"紫坊畔乡","code":"621023211000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。