echarts白银市靖远县geoJson地图3d地图自定义贴图-绿色地面效果实例

echarts yekong

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

靖远县,隶属于 甘肃省 白银市 ,位于黄河上游,甘肃省中东部,白银市腹地,东南与本市会宁县毗邻,西南与兰州市榆中县、本市白银区接壤,西北与本市景泰县相连,北与本市平川区交界,飞地南为平川区,西为景泰县,北、东接宁夏中卫市沙坡头区、海原县。东西间隔120千米,南北相距135千米,总面积5809.4平方千米。下辖13个镇、5个乡。

echarts白银市靖远县geoJson地图3d地图自定义贴图-绿色地面

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

echarts白银市靖远县geoJson地图3d地图自定义贴图-绿色地面

echarts白银市靖远县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts白银市靖远县geoJson地图水滴状气泡图

echarts白银市靖远县geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts白银市靖远县geoJson地图label自定义样式

threejs白银市靖远县geoJson地图3d地图css2d标签

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

threejs白银市靖远县geoJson地图3d地图css2d标签

threejs白银市靖远县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs白银市靖远县geoJson地图3d地图红色描边闪烁警报

threejs白银市靖远县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs白银市靖远县geoJson地图3d地图CSS3D标签

白银市靖远县 下辖有 刘川乡,北湾镇,北滩乡,双龙乡,大芦乡,平堡乡,永新乡,石门乡,三滩乡,东升乡,东湾镇,乌兰镇,五合乡,兴隆乡,糜滩乡,若笠乡,靖安乡,高湾乡

白银市靖远县下辖区域坐标

{"刘川乡":[104.41670473179562,36.65005724502399],"北湾镇":[104.4660881453816,36.51528773403287],"北滩乡":[104.80936950148114,37.08837755495998],"双龙乡":[104.43327325825308,37.08782268431984],"大芦乡":[104.83775284809079,36.35971376843244],"平堡乡":[104.46884733846557,36.42511263104531],"永新乡":[104.60796445568232,37.12720767669628],"石门乡":[104.42106771534537,36.99225926206871],"三滩乡":[104.57044764728624,36.72040826854101],"东升乡":[104.9424457648513,36.92594108247309],"东湾镇":[104.77562884712523,36.66354272246348],"乌兰镇":[104.74625579426501,36.50421862591847],"五合乡":[105.0747186110741,36.88270943014049],"兴隆乡":[104.48305672457178,37.11696857302551],"糜滩乡":[104.61248239256449,36.59364011599467],"若笠乡":[104.61556085904381,36.31886519522483],"靖安乡":[],"高湾乡":[105.04232338974126,36.45809230494718]}

白银市靖远县行政划分代码

[{"name":"刘川乡","code":""},{"name":"北湾镇","code":"620421101000"},{"name":"北滩乡","code":""},{"name":"双龙乡","code":""},{"name":"大芦乡","code":""},{"name":"平堡乡","code":""},{"name":"永新乡","code":"620421215000"},{"name":"石门乡","code":"620421208000"},{"name":"三滩乡","code":""},{"name":"东升乡","code":""},{"name":"东湾镇","code":"620421102000"},{"name":"乌兰镇","code":"620421103000"},{"name":"五合乡","code":""},{"name":"兴隆乡","code":"620421206000"},{"name":"糜滩乡","code":""},{"name":"若笠乡","code":"620421216000"},{"name":"靖安乡","code":"620421211000"},{"name":"高湾乡","code":""}]

说明

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

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

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

白银市靖远县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts白银市靖远县geoJson地图3d地图自定义贴图-绿色地面效果实例