echarts运城市盐湖区geoJson地图3d地图自定义贴图-绿色地面代码演示

geoJson2 yekong

大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是运城市盐湖区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

盐湖区,隶属于 山西省 运城市,位于山西西南部,地处华北高原,属温带季风气候,总面积1237平方千米。截至2021年10月,辖8个街道、7个镇、6个乡。2022年末,盐湖区常住人口965788人。

echarts运城市盐湖区geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts运城市盐湖区geoJson地图3d地图自定义贴图-绿色地面

echarts运城市盐湖区geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts运城市盐湖区geoJson地图指定区域高亮

echarts运城市盐湖区geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts运城市盐湖区geoJson地图 visualMap控制地图颜色

threejs运城市盐湖区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL 3D可视化教程

threejs运城市盐湖区geoJson地图3d地图css2d标签

threejs运城市盐湖区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs运城市盐湖区geoJson地图3d地图自定义贴图加CSS2D标签

threejs运城市盐湖区geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs运城市盐湖区geoJson地图3d地图CSS2D外加旋转棱锥

运城市盐湖区 下辖有 姚孟街道,北相镇,上王乡,上郭乡,东郭镇,冯村乡,北城街道,席张乡,王范乡,金井乡,陶村镇,解州镇,龙居镇,南城街道,大渠街道,三路里镇,东城街道,安邑街道,泓芝驿镇,运城市空港经济开发区,中城街道,西城街道,禹都经济技术开发区,姚孟街道,北相镇,上王乡,上郭乡,东郭镇,冯村乡,北城街道,席张乡,王范乡,金井乡,陶村镇,解州镇,龙居镇,南城街道,大渠街道,三路里镇,东城街道,安邑街道,泓芝驿镇,运城市空港经济开发区,中城街道,西城街道,禹都经济技术开发区

运城市盐湖区下辖区域坐标

{"姚孟街道":[110.97089285241093,35.0789969030829],"北相镇":[110.94163239424839,35.14345180398692],"上王乡":[111.03446757715818,35.31220093664398],"上郭乡":[110.94679497640416,35.25153700828313],"东郭镇":[111.12340636716367,35.00849233322394],"冯村乡":[110.98552112457475,35.17834847653361],"北城街道":[110.97465228430084,35.04076344741648],"席张乡":[110.77923037691947,34.8739202003925],"王范乡":[111.03175224044867,35.20813211058804],"金井乡":[110.78660714095892,34.99156887792294],"陶村镇":[],"解州镇":[110.8994747508587,34.90574751790881],"龙居镇":[110.89129638026043,35.01089693487339],"南城街道":[111.01686737828783,34.97938612338944],"大渠街道":[110.93095491151432,35.0554815306766],"三路里镇":[110.99045300356391,35.31443227869661],"东城街道":[111.03637593892705,35.02424202915816],"安邑街道":[],"泓芝驿镇":[110.89345233635301,35.17654727890618],"运城市空港经济开发区":[111.05367652186598,35.09877794230039],"中城街道":[110.9876687660628,35.0254657548648],"西城街道":[110.9637969697473,35.00331490239454],"禹都经济技术开发区":[111.02273494373918,35.07265144420658]}

运城市盐湖区行政划分代码

[{"name":"姚孟街道","code":"140802008000"},{"name":"北相镇","code":"140802102000"},{"name":"上王乡","code":"140802205000"},{"name":"上郭乡","code":"140802204000"},{"name":"东郭镇","code":"140802106000"},{"name":"冯村乡","code":"140802203000"},{"name":"北城街道","code":"140802005000"},{"name":"席张乡","code":"140802200000"},{"name":"王范乡","code":"140802202000"},{"name":"金井乡","code":"140802201000"},{"name":"陶村镇","code":"140802105000"},{"name":"解州镇","code":"140802100000"},{"name":"龙居镇","code":"140802101000"},{"name":"南城街道","code":"140802004000"},{"name":"大渠街道","code":"140802007000"},{"name":"三路里镇","code":"140802104000"},{"name":"东城街道","code":"140802002000"},{"name":"安邑街道","code":"140802006000"},{"name":"泓芝驿镇","code":"140802103000"},{"name":"运城市空港经济开发区","code":""},{"name":"中城街道","code":"140802001000"},{"name":"西城街道","code":"140802003000"},{"name":"禹都经济技术开发区","code":""}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

运城市盐湖区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts运城市盐湖区geoJson地图3d地图自定义贴图-绿色地面代码演示