echarts大同市天镇县geoJson地图3d地图自定义贴图-绿色地面代码演示

geoJson2 yekong

数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理大同市天镇县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

天镇县,隶属于 山西省 大同市,位于大同市东北端,地处晋、冀、蒙三省(区)交界处,东临河北省怀安县,西接山西省阳高县,南毗河北省阳原县,北楔内蒙古兴和县,素有“鸡鸣一声闻三省”之称。

echarts大同市天镇县geoJson地图3d地图自定义贴图-绿色地面

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

echarts大同市天镇县geoJson地图3d地图自定义贴图-绿色地面

echarts大同市天镇县geoJson地图点击地图插小旗

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

echarts大同市天镇县geoJson地图点击地图插小旗

echarts大同市天镇县geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts大同市天镇县geoJson地图热力图

threejs大同市天镇县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化教程

threejs大同市天镇县geoJson地图3d地图红色描边闪烁警报

threejs大同市天镇县geoJson地图3d地图添加描边效果

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

threejs大同市天镇县geoJson地图3d地图添加描边效果

threejs大同市天镇县geoJson地图3d地图CSS3D标签

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

threejs大同市天镇县geoJson地图3d地图CSS3D标签

大同市天镇县 下辖有 贾家屯乡,南河堡乡,玉泉镇,南高崖乡,米薪关镇,谷前堡镇,新平镇,卅里铺乡,张西河乡,赵家沟乡,逯家湾镇,贾家屯乡,南河堡乡,玉泉镇,南高崖乡,米薪关镇,谷前堡镇,新平镇,卅里铺乡,张西河乡,赵家沟乡,逯家湾镇

大同市天镇县下辖区域坐标

{"贾家屯乡":[114.11887799067014,40.25137283743233],"南河堡乡":[114.04259967844933,40.34845965732191],"玉泉镇":[114.10658428465857,40.41860356781331],"南高崖乡":[114.38295105595209,40.30018880211075],"米薪关镇":[114.19295598462917,40.3312634997919],"谷前堡镇":[114.02526425690897,40.46434484970256],"新平镇":[114.15606770827691,40.64424479168066],"卅里铺乡":[113.96520949552718,40.32041357935204],"张西河乡":[114.23889742187428,40.41489540116437],"赵家沟乡":[114.05675617919789,40.21047934329776],"逯家湾镇":[114.1696760320597,40.52891221450245]}

大同市天镇县行政划分代码

[{"name":"贾家屯乡","code":"140222204000"},{"name":"南河堡乡","code":""},{"name":"玉泉镇","code":"140222100000"},{"name":"南高崖乡","code":"140222208000"},{"name":"米薪关镇","code":"140222102000"},{"name":"谷前堡镇","code":"140222101000"},{"name":"新平镇","code":""},{"name":"卅里铺乡","code":"140222200000"},{"name":"张西河乡","code":"140222209000"},{"name":"赵家沟乡","code":"140222206000"},{"name":"逯家湾镇","code":"140222103000"}]

说明

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

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

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

大同市天镇县echarts地图效果实例和threejs地图效果实例下载

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