Cesium 瓦片加载方式

在 Cesium 中，加载地图瓦片的方式有多种，主要可以分为内置服务和外部服务两大类。以下是所有支持的加载地图瓦片的方式列表：

1. Cesium 默认影像图层

• Bing Maps

  : Cesium 默认加载的地图瓦片服务，全球影像图层。

  const viewer = new Cesium.Viewer('cesiumContainer');

2. Bing Maps Imagery Provider

• Bing Maps

  : 手动指定 Bing Maps 服务作为影像提供者。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.BingMapsImageryProvider({
          url : 'https://dev.virtualearth.net',
          key : 'Your Bing Maps Key'
      })
  });

3. OpenStreetMap (OSM) Imagery Provider

• OpenStreetMap

  : 使用 OpenStreetMap 提供的全球免费瓦片服务。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.OpenStreetMapImageryProvider({
          url : 'https://a.tile.openstreetmap.org/'
      })
  });

4. Web Map Tile Service (WMTS)

• WMTS 瓦片服务

  : 加载符合 WMTS 标准的瓦片服务。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
          url: 'https://your-wmts-server/wmts',
          layer: 'layer-name',
          style: 'default',
          format: 'image/png',
          tileMatrixSetID: 'tileMatrixSetID',
          maximumLevel: 19
      })
  });

5. Tile Map Service (TMS)

• TMS 瓦片服务

  : 加载符合 TMS 标准的瓦片服务。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.TileMapServiceImageryProvider({
          url: 'http://your-tms-server/tms/'
      })
  });

6. UrlTemplate Imagery Provider (XYZ 瓦片服务)

• 自定义瓦片服务器 (XYZ)

  : 按照 XYZ 格式加载自定义地图瓦片。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.UrlTemplateImageryProvider({
          url: 'http://your-server/{z}/{x}/{y}.png'
      })
  });

7. ArcGIS MapServer Imagery Provider

• ArcGIS 瓦片服务

  : 通过 ArcGIS MapServer 加载地图瓦片。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
          url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
      })
  });

8. Cesium Ion Imagery Provider

• Cesium Ion

  : 使用 Cesium Ion 提供的全球影像图层和地形数据。需要 Cesium Ion 账户及令牌。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: Cesium.createWorldImagery()
  });

9. Mapbox Imagery Provider

• Mapbox 瓦片服务

  : 使用 Mapbox 的自定义影像和地图瓦片服务。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.MapboxImageryProvider({
          mapId: 'mapbox.streets',
          accessToken: 'Your Mapbox Access Token'
      })
  });

10. Google Earth Enterprise Imagery Provider

• Google Earth Enterprise

  : 通过 Google Earth Enterprise 提供的影像瓦片服务。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.GoogleEarthEnterpriseImageryProvider({
          url: 'https://your-google-earth-server/'
      })
  });

11. Ion Imagery Layer (Cesium Ion 世界影像图层)

• Cesium Ion 提供的全球影像数据

  :

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: Cesium.createWorldImagery({
          style: Cesium.IonWorldImageryStyle.AERIAL
      })
  });

12. WMS Imagery Provider

• Web Map Service (WMS)

  : 使用符合 WMS 标准的地图瓦片服务。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.WebMapServiceImageryProvider({
          url: 'https://your-wms-server/wms',
          layers: 'layer-name',
          parameters: {
              service: 'WMS',
              format: 'image/png',
              transparent: true
          }
      })
  });

13. Custom Imagery Provider

• 自定义瓦片服务: 可以继承 ImageryProvider 自定义任何瓦片提供方式，扩展现有的影像服务。

14. SingleTile Imagery Provider

• 单图层瓦片

  : 加载一个静态图像作为地图瓦片的方式。

  const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: new Cesium.SingleTileImageryProvider({
          url: 'path_to_image.png'
      })
  });

nginx瓦片服务配置