数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理酒泉市瓜州县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
瓜州县,隶属 甘肃省 酒泉市。地处甘肃省河西走廊西端,东连石油城玉门市,西接敦煌市,南北与肃北蒙古族自治县毗邻,西北与新疆哈密市相接,自古以来就是东进西出的交通枢纽,古丝绸之路的商贾重镇。瓜州县县境东西长185千米,南北宽220千米,面积2.4万平方千米。截至2021年10月,瓜州县辖10镇5乡。根据第七次人口普查数据,截至2020年11月1日零时,瓜州县常住人口129299人。
echarts酒泉市瓜州县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts酒泉市瓜州县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts酒泉市瓜州县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs酒泉市瓜州县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频 WebGL 3D可视化教程
threejs酒泉市瓜州县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs酒泉市瓜州县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
酒泉市瓜州县 下辖有 广至藏族乡,沙河回族乡,梁湖乡,瓜州乡,七墩回族东乡族乡,南岔镇,双塔乡,渊泉镇,布隆吉乡,国营小宛农场,锁阳城镇,腰站子东乡族乡,河东乡,西湖乡,三道沟镇,柳园镇
酒泉市瓜州县下辖区域坐标
{"广至藏族乡":[95.56028460704854,40.42406374380734],"沙河回族乡":[96.63631632953852,40.46504268667493],"梁湖乡":[],"瓜州乡":[95.5354957961589,40.47515377745096],"七墩回族东乡族乡":[96.86261257046728,40.53740533213168],"南岔镇":[95.56711375997774,40.32598335088112],"双塔乡":[96.46364770385742,40.47996972541599],"渊泉镇":[95.8984477405119,40.65971328362534],"布隆吉乡":[96.48833837271226,40.72869726554997],"国营小宛农场":[],"锁阳城镇":[96.00256281567269,40.20237273794341],"腰站子东乡族乡":[96.71985226362033,40.40628018920923],"河东乡":[96.79216407277431,40.66367586376055],"西湖乡":[95.39784629235169,40.61192972346706],"三道沟镇":[96.62991168486312,40.20933382542465],"柳园镇":[95.55212373121901,41.30959658229683]}
酒泉市瓜州县行政划分代码
[{"name":"广至藏族乡","code":"620922214000"},{"name":"沙河回族乡","code":"620922215000"},{"name":"梁湖乡","code":"620922216000"},{"name":"瓜州乡","code":""},{"name":"七墩回族东乡族乡","code":"620922212000"},{"name":"南岔镇","code":"620922103000"},{"name":"双塔乡","code":""},{"name":"渊泉镇","code":"620922100000"},{"name":"布隆吉乡","code":"620922201000"},{"name":"国营小宛农场","code":""},{"name":"锁阳城镇","code":"620922104000"},{"name":"腰站子东乡族乡","code":""},{"name":"河东乡","code":""},{"name":"西湖乡","code":""},{"name":"三道沟镇","code":"620922102000"},{"name":"柳园镇","code":"620922101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。