08 Cesium—影像服务-1

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配

影像服务 1

相关介绍请移步影像服务介绍，这里先介绍其中几个在线服务，包括：ArcGisMapServerImageryProvider、BingMapsImageryProvider、OpenStreetMapImageryProvider、MapboxImageryProvider 和 MapboxStyleImageryProvider。

ArcGisMapServerImageryProvider

支持ArcGIS Online和Server的相关服务。

代码片段：

const viewer = new Cesium.Viewer("cesiumContainer");var arcgisProvider = new Cesium.ArcGisMapServerImageryProvider({url: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",enablePickFeatures: false //是否点击地图获取查询图层的要素，默认为true
});viewer.imageryLayers.addImageryProvider(arcgisProvider);//设置初始位置
viewer.camera.setView({destination: Cesium.Cartesian3.fromDegrees(116.75199, 36.55358, 3000000)
});

效果如下：

BingMapsImageryProvider

Bing地图影像，可以指定 mapStyle，详见 BingMapsStyle 类。

代码片段：

const viewer = new Cesium.Viewer("cesiumContainer");var bingStyle = [Cesium.BingMapsStyle.AERIAL_WITH_LABELS,Cesium.BingMapsStyle.COLLINS_BART,Cesium.BingMapsStyle.CANVAS_GRAY,Cesium.BingMapsStyle.CANVAS_LIGHT,Cesium.BingMapsStyle.CANVAS_DARK,Cesium.BingMapsStyle.ORDNANCE_SURVEY,Cesium.BingMapsStyle.ROAD,Cesium.BingMapsStyle.AERIAL
];var bingProvider = new Cesium.BingMapsImageryProvider({url: "bing地图影像服务地址", //例如：https://dev.virtualearth.netkey: "bing授权的key", //需要注册账号mapStyle: bingStyle[0] //可以指定mapStyle，详见BingMapsStyle类
});viewer.imageryLayers.addImageryProvider(bingProvider);

效果如下（作者从网上撬了一个key试了试还能行，仅展示效果）：

OpenStreetMapImageryProvider

OSM 影像服务，根据不同的 url 选择不同的风格。

代码片段：

const viewer = new Cesium.Viewer("cesiumContainer");var osmProvider = new Cesium.OpenStreetMapImageryProvider({url: "https://a.tile.openstreetmap.org/",minimumLevel: 0,maximumLevel: 18,fileExtension: "png"
});viewer.imageryLayers.addImageryProvider(osmProvider);//设置初始位置
viewer.camera.setView({destination: Cesium.Cartesian3.fromDegrees(116.75199, 36.55358, 20000000)
});

效果如下：

MapboxImageryProvider

Mapbox 影像服务，根据 mapId 指定地图风格。

代码片段：

const viewer = new Cesium.Viewer("cesiumContainer");var mapIds = ["mapbox.satellite","mapbox.streets","mapbox.streets-basic","mapbox.light","mapbox.streets-satellite","mapbox.wheatpaste","mapbox.comic","mapbox.outdoors","mapbox.run-bike-hike","mapbox.pencil","mapbox.pirates","mapbox.emerald","mapbox.high-contrast",
];var mapboxProvider = new Cesium.MapboxImageryProvider({mapId: mapIds[0],accessToken: "Mapbox授权的accessToken" //这里不展示这个token了
});viewer.imageryLayers.addImageryProvider(mapboxProvider);//设置初始位置
viewer.camera.setView({destination: Cesium.Cartesian3.fromDegrees(116.75199, 36.55358, 20000000)
});

效果如下：

MapboxStyleImageryProvider

Mapbox 影像服务，根据 styleId 指定地图风格。

代码片段：

const viewer = new Cesium.Viewer("cesiumContainer");var styleIds = ["streets-v11","outdoors-v11","light-v10","dark-v10","satellite-v9","msatellite-streets-v11"
];var mapboxstyleProvider = new Cesium.MapboxStyleImageryProvider({styleId: styleIds[0],accessToken: "Mapbox授权的accessToken" //这里不展示这个token了
});viewer.imageryLayers.addImageryProvider(mapboxstyleProvider);//设置初始位置
viewer.camera.setView({destination: Cesium.Cartesian3.fromDegrees(116.75199, 36.55358, 20000000)
});

效果如下：

08 Cesium—影像服务-1相关推荐

14 Cesium—地形服务
文章中所有操作均是在 Cesium 1.91 版本下进行的,其它版本差异请自行适配地形服务一些应用场景中我们需要操作地形数据,为此 Cesium 还提供方便的地形服务 TerrainProvide ...
Arcgis javascript那些事儿（十五）——影像服务的发布与使用
一.引言以前一直做的是矢量数据的应用,只是在铁三院实习的时候用AE进行了一些影像方面的处理,主要是获取影像中的高程来进行相关的分析. 影像服务是将栅格数据和影像数据作为服务发布出去.此时客户端便可 ...
什么是ArcGIS影像服务
ArcGIS 影像服务是ArcGIS Server的一种,通过Web服务提供对栅格(及影像)数据和相关功能的访问,使影像能够被web和其它客户端应用获取.包括:单景影像:多景影像(作为镶嵌影像):多景 ...
Vue3.0+Cesium+Tomcat服务下倾斜摄影数据加载详细过程
Vue3.0+Cesium+Tomcat服务下倾斜摄影数据加载 1.Vue-cli 3.0 + cesium 构建参考资料地址Vue-cli 3.0 + cesium 构建注意,因为文档中设置默认 ...
使用java+geoserver自动发布影像服务和postgis表，超简洁，一目了然。
前言本文将两种自动发布写成了工具类,至于接口封装,如有需要可留言. 所需依赖如下: <dependency><groupId ...
SuperMap 影像服务发布流程
影像服务发布流程 1. iServer 1.1 测试环境硬件操作系统: win10 CPU :Intel® Core™ i7-10875H CPU @ 2.3GHz, 8物理核内存: 32GB ...
OGC标准wms、wmts、wfs等地图服务协议规范及 arcgis 的永久WMTS 谷歌卫星卫星影像服务
wms.wmts.wfs都是OGC定义的地图服务规范,各大gis软件都支持这些规范首先放出 ARCGIS的wmts免费服务 http://csdn.wxdt365.com/WMTS?key=48d4 ...
ArcGIS中加载天地图省级遥感影像服务
天地图遥感影像的分辨率一般都是米级别的,而且更新的速度也是越来越快.质量也越来越好,那我们如何使用这方面的资源呢,本期我就给大家梳理一下,如何在ArcGIS软件中加载天地图省级遥感影像服务WMTS. ...
Cesium地图服务
这个就不多写了根据需要自己选择注释掉的功能直接上代码: //本地图片注意图片保存路径路径计算从App开始imageryProvider: new Cesium.SingleTileImage ...

08 Cesium—影像服务-1

影像服务 1

ArcGisMapServerImageryProvider

BingMapsImageryProvider

OpenStreetMapImageryProvider

MapboxImageryProvider

MapboxStyleImageryProvider

08 Cesium—影像服务-1相关推荐

最新文章

热门文章