Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Cesium案例解析(七)——Layers在线地图服务

Cesium案例解析(七)——Layers在线地图服务

作者头像
charlee44
发布于 2020-04-13 04:44:10
发布于 2020-04-13 04:44:10
2K00
代码可运行
举报
文章被收录于专栏:代码编写世界代码编写世界
运行总次数:0
代码可运行

目录

  • 1. 概述
  • 2. 案例
    • 2.1. Blue Marble
    • 2.2. ArcGIS地形
    • 2.3. Cesium地形
    • 2.4. Natural Earth II
    • 2.5. Earth at Night
    • 2.6. Sentinel-2
    • 2.7. Washington DC 2017

1. 概述

Cesium提供了一些在线地图服务的案例,这些案例都特别简单,只用几行代码就可以了。因此将他们整合成一个案例。

2. 案例

2.1. Blue Marble

托管在Cesium ion上的影像Blue Marble Next Generation影像:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//Blue Marble Next Generation July, 2004 imagery from NASA and hosted by Cesium ion.
var viewer = new Cesium.Viewer('cesiumContainer', {
    imageryProvider: new Cesium.IonImageryProvider({ assetId: 3845 })
});

运行效果如下:

2.2. ArcGIS地形

发布在ArcGIS Server上的瓦片地形服务:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//Add terrain from an ArcGIS Server.
var viewer = new Cesium.Viewer('cesiumContainer', {
    terrainProvider : new Cesium.ArcGISTiledElevationTerrainProvider({
        url: 'https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer'
    })
});

将其视角调整到喜马拉雅山区:

2.3. Cesium地形

Cesium官方托管在ion上的地形服务,据说分辨率比较高:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//High-resolution global terrain tileset curated from several datasources and hosted by Cesium ion.
var viewer = new Cesium.Viewer('cesiumContainer', {
    terrainProvider: Cesium.createWorldTerrain()
});

将其视角调整到美国大峡谷:

2.4. Natural Earth II

托管在Cesium ion上的影像Natural Earth II影像:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// Natural Earth II with Shaded Relief, Water, and Drainages from http://www.naturalearthdata.com
var viewer = new Cesium.Viewer('cesiumContainer', {
    imageryProvider: new Cesium.IonImageryProvider({ assetId: 3813 })
});

运行效果如下:

2.5. Earth at Night

托管在Cesium ion上的地球夜景图:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// The Earth at Night, also known as Black Marble 2017 and Night Lights
var viewer = new Cesium.Viewer('cesiumContainer', {
    imageryProvider: new Cesium.IonImageryProvider({ assetId: 3812 })
});

运行效果如下:

2.6. Sentinel-2

托管在Cesium ion上的Sentinel-2影像,能够达到10~60米的分辨率:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// Sentinel-2 (mostly) cloudless global imagery between 10 and 60 meter resolution.
var viewer = new Cesium.Viewer('cesiumContainer', {
    imageryProvider: new Cesium.IonImageryProvider({ assetId: 3954 })
});

运行效果如下:

2.7. Washington DC 2017

托管在Cesium ion上的Washington DC 2017影像(District of Columbia),有0.08米的分辨率:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 3 inch/0.08 meter pixel resolution imagery of the District of Columbia. Hosted by Cesium ion
var viewer = new Cesium.Viewer('cesiumContainer');

var imageryLayer = viewer.imageryLayers.addImageryProvider(new Cesium.IonImageryProvider({ assetId: 3827 }));
viewer.flyTo(imageryLayer);

运行效果如下:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-04-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验