echarts乌鲁木齐市天山区geoJson地图3d地图自定义贴图-绿色地面演示实例

geoJson2 yekong 92℃

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

天山区,隶属新疆维吾尔自治区 乌鲁木齐市。是自治区党、政、军及新疆生产建设兵团机关所在地。地处乌鲁木齐市东南部,东与水磨沟区、达坂城区相邻,西与沙依巴克区相望,南与乌鲁木齐县毗邻,北与水磨沟区相接,总面积245平方千米。实有人口69.53万人。截至2022年10月,天山区下辖16个街道。

echarts乌鲁木齐市天山区geoJson地图3d地图自定义贴图-绿色地面

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

echarts乌鲁木齐市天山区geoJson地图3d地图自定义贴图-绿色地面

echarts乌鲁木齐市天山区geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts乌鲁木齐市天山区geoJson地图点击地图插小旗

echarts乌鲁木齐市天山区geoJson地图迁徙图

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts乌鲁木齐市天山区geoJson地图迁徙图

threejs乌鲁木齐市天山区geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化

threejs乌鲁木齐市天山区geoJson地图3d地图添加旋转棱锥

threejs乌鲁木齐市天山区geoJson地图3d地图

通过threejs绘制的3d地图实例

threejs乌鲁木齐市天山区geoJson地图3d地图

threejs乌鲁木齐市天山区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs乌鲁木齐市天山区geoJson地图3d地图添加描边效果

乌鲁木齐市天山区 下辖有 和平路街道,红雁街道,团结路街道,解放北路街道,解放南路街道,新华北路街道,大湾街道,黑甲山街道,东门街道,新华南路街道,碱泉街道,二道桥街道,幸福路街道,延安路街道,燕儿窝街道,胜利路街道,赛马场街道,青年路街道

乌鲁木齐市天山区下辖区域坐标

{"和平路街道":[87.63197040920514,43.78516320628985],"红雁街道":[87.62354974183805,43.71727474105099],"团结路街道":[87.62356173252627,43.76928128876852],"解放北路街道":[87.62354818092518,43.79614649101585],"解放南路街道":[87.61564607020146,43.78526297614898],"新华北路街道":[87.61025517752236,43.79621181485683],"大湾街道":[87.64012665570812,43.74964751173064],"黑甲山街道":[87.63765597330121,43.77578778172523],"东门街道":[87.63032951595204,43.79850985513021],"新华南路街道":[87.60250503032088,43.77080468271691],"碱泉街道":[87.65393100261446,43.79841638648634],"二道桥街道":[87.61705924825884,43.78384622476741],"幸福路街道":[87.64515832911556,43.77879025997574],"延安路街道":[87.65015656345349,43.75614077942762],"燕儿窝街道":[87.61103497827787,43.7212967307335],"胜利路街道":[87.6171682123057,43.76578863972045],"赛马场街道":[87.61607719805406,43.74724772889742],"青年路街道":[87.62178025588256,43.80638046619823]}

乌鲁木齐市天山区行政划分代码

[{"name":"和平路街道","code":"650102007000"},{"name":"红雁街道","code":"650102015000"},{"name":"团结路街道","code":"650102004000"},{"name":"解放北路街道","code":"650102008000"},{"name":"解放南路街道","code":"650102005000"},{"name":"新华北路街道","code":"650102011000"},{"name":"大湾街道","code":""},{"name":"黑甲山街道","code":""},{"name":"东门街道","code":"650102010000"},{"name":"新华南路街道","code":"650102006000"},{"name":"碱泉街道","code":"650102013000"},{"name":"二道桥街道","code":""},{"name":"幸福路街道","code":"650102009000"},{"name":"延安路街道","code":"650102014000"},{"name":"燕儿窝街道","code":"650102002000"},{"name":"胜利路街道","code":"650102003000"},{"name":"赛马场街道","code":""},{"name":"青年路街道","code":"650102012000"}]

说明

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

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

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

乌鲁木齐市天山区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts乌鲁木齐市天山区geoJson地图3d地图自定义贴图-绿色地面演示实例