Windows下用Nginx快速搭建Cesium离线地图服务（附跨域解决方案）

Windows环境下Cesium离线地图服务搭建：从零到一的高效实践

最近在做一个内网GIS项目，客户要求完全离线环境运行，地图数据必须本地化。刚开始用Cesium直接加载本地文件，结果浏览器控制台一片红，全是跨域错误。折腾了两天才发现，原来Cesium对本地文件协议（file://）的支持有限，必须通过HTTP服务访问瓦片数据。在Windows环境下，Nginx成了最轻量、最稳定的选择。

这篇文章我会分享在Windows上从零搭建Cesium离线地图服务的完整流程，重点解决那些容易踩坑的细节问题。无论你是需要在内网开发GIS系统，还是想为演示环境准备离线地图，这套方案都能帮你快速搭建起可用的服务。我会从Nginx的安装配置讲起，到静态资源部署、跨域问题的一揽子解决方案，最后还会分享几个实际项目中遇到的报错排查技巧。

1. Nginx在Windows环境下的安装与基础配置

1.1 选择合适的Nginx版本

Nginx官方提供了Windows版本，但很多人不知道的是，Windows版Nginx其实有两种不同的构建方式。一种是使用原生Win32 API的版本，另一种是Cygwin环境编译的版本。对于Cesium离线服务这种场景，我推荐使用官方提供的稳定版Win32构建。

注意：不要从第三方网站下载所谓的"绿色版"或"优化版"，这些版本可能包含不必要的模块或存在安全隐患。直接从nginx.org下载是最稳妥的选择。

下载完成后，解压到任意目录。我习惯放在C:\nginx，这样路径简单，后续配置也方便。解压后的目录结构是这样的：

nginx/
├── conf/           # 配置文件目录
│   ├── nginx.conf  # 主配置文件
│   └── mime.types  # MIME类型定义
├── html/           # 默认网站根目录
├── logs/           # 日志文件目录
└── nginx.exe       # 主程序

1.2 首次启动与验证

很多新手会直接双击nginx.exe，然后发现一个黑色窗口一闪而过，以为启动失败了。其实这是Nginx在Windows下的正常行为——它以守护进程方式运行，启动完成后就退出了。

正确的启动方式是通过命令行：

cd C:\nginx
start nginx

启动后，可以通过任务管理器查看进程是否存在。更直观的方法是打开浏览器访问 http://localhost，如果看到Nginx的欢迎页面，说明服务已经正常运行。

有时候可能会遇到端口被占用的情况。Nginx默认使用80端口，如果这个端口被IIS、Apache或其他应用占用，就需要修改监听端口。修改conf/nginx.conf文件：

server {
    listen       8080;  # 改为8080或其他可用端口
    server_name  localhost;
    # ... 其他配置
}

1.3 Windows下的Nginx管理命令

在Linux环境下，我们习惯用systemctl管理服务，但在Windows下，Nginx提供了一套命令行控制方式。下面这个表格整理了常用的命令：

命令	作用	Windows下的执行方式
nginx -s stop	快速停止	在Nginx目录打开CMD执行
nginx -s quit	优雅停止	同上，会等待请求处理完成
nginx -s reload	重新加载配置	修改配置文件后使用
nginx -t	测试配置文件语法	修改配置前建议先测试
tasklist /fi "imagename eq nginx.exe"	查看Nginx进程	Windows特有命令

我习惯在Nginx目录下创建一个manage.bat批处理文件，把这些常用命令封装起来：

@echo off
echo Nginx管理工具
echo 1. 启动Nginx
echo 2. 停止Nginx
echo 3. 重新加载配置
echo 4. 测试配置文件
echo 请选择操作 (1-4):
set /p choice=

if "%choice%"=="1" start nginx
if "%choice%"=="2" nginx -s quit
if "%choice%"=="3" nginx -s reload
if "%choice%"=="4" nginx -t
pause

2. Cesium离线地图数据的准备与组织

2.1 地图瓦片的数据结构

Cesium支持多种瓦片格式，最常见的是按照z/x/y目录结构组织的散列瓦片。这种结构来源于Web地图服务（WMS）的标准，其中：

• z 表示缩放级别（zoom level）
• x 表示瓦片的列号
• y 表示瓦片的行号

一个典型的瓦片目录结构如下：

map_data/
├── 0/
│   └── 0/
│       └── 0.jpg
├── 1/
│   ├── 0/
│   │   └── 0.jpg
│   └── 1/
│       └── 1.jpg
├── 2/
│   ├── 0/
│   │   └── 0.jpg
│   ├── 1/
│   │   └── 1.jpg
│   ├── 2/
│   │   └── 2.jpg
│   └── 3/
│       └── 3.jpg
└── metadata.json  # 可选的元数据文件

在实际项目中，我遇到过两种常见的瓦片命名方式：

1. 正序Y坐标：{z}/{x}/{y}.jpg
2. TMS格式（反序Y坐标）：{z}/{x}/{reverseY}.jpg

Cesium默认使用正序Y坐标，但有些下载工具生成的是TMS格式。如果发现地图上下颠倒，很可能就是Y坐标顺序的问题。

2.2 数据来源与处理工具

获取离线地图数据有几种途径，每种都有其适用场景：

• 商业地图下载器：如太乐地图、图新地球等，这些工具通常提供图形化界面，支持按区域下载，但需要注意版权问题。
• 开源数据源：OpenStreetMap提供免费数据，可以通过工具导出瓦片。
• 已有在线服务缓存：在开发阶段，可以通过浏览器开发者工具缓存在线地图瓦片，但仅限于测试使用。

对于地形数据，我推荐使用CesiumLab这个工具。它不仅能处理地形数据，还能进行影像切片、格式转换等操作。下面是使用CesiumLab处理地形数据的基本流程：

1. 准备DEM数据（可以从地理空间数据云下载）
2. 在CesiumLab中选择"地形切片"功能
3. 配置输出参数，特别是要选择"散列"存储格式
4. 等待处理完成，通常需要几十分钟到几小时，取决于数据量大小

提示：处理大规模地形数据时，建议分区域处理，最后再合并。一次性处理全国地形数据对硬件要求很高，而且容易中途失败。

2.3 静态资源的优化策略

当瓦片数据量很大时（比如全国范围的多级瓦片），直接通过Nginx提供静态服务可能会遇到性能问题。这里有几个优化建议：

1. 启用Gzip压缩：在Nginx配置中添加gzip支持，可以显著减少传输数据量
2. 设置缓存头：地图瓦片基本不会变化，可以设置长期缓存
3. 使用sendfile：启用sendfile可以绕过内核到用户空间的数据拷贝，提升文件传输效率

对应的Nginx配置示例：

http {
    gzip on;
    gzip_types image/jpeg image/png;
    
    server {
        location /map/ {
            # 启用sendfile
            sendfile on;
            tcp_nopush on;
            
            # 设置缓存头
            expires 30d;
            add_header Cache-Control "public, immutable";
            
            # 其他配置...
        }
    }
}

3. Nginx配置详解与跨域问题彻底解决

3.1 基础服务配置

为Cesium配置Nginx服务，核心是正确设置静态资源路径和MIME类型。下面是一个完整的配置示例，我把它拆解成几个部分详细说明：

# 主配置文件：conf/nginx.conf

http {
    # 包含MIME类型定义
    include       mime.types;
    
    # 设置默认MIME类型
    default_type  application/octet-stream;
    
    # 日志格式
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    
    # 访问日志
    access_log  logs/access.log  main;
    
    # 开启sendfile
    sendfile        on;
    
    # 保持连接超时时间
    keepalive_timeout  65;
    
    # 启用gzip压缩
    gzip  on;
    
    # 服务器配置
    server {
        # 监听端口
        listen       8090;
        
        # 服务器名称
        server_name  localhost;
        
        # 字符集
        charset utf-8;
        
        # 默认location - 用于测试
        location / {
            root   html;
            index  index.html index.htm;
        }
        
        # 地图瓦片服务
        location /map/ {
            # 瓦片数据目录
            alias   D:/map_data/;
            
            # 开启目录列表（调试用）
            autoindex on;
            autoindex_exact_size off;
            autoindex_localtime on;
            
            # 跨域配置 - 核心部分
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
            add_header Access-Control-Allow-Headers 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
            
            # 处理OPTIONS预检请求
            if ($request_method = 'OPTIONS') {
                add_header Access-Control-Allow-Origin *;
                add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
                add_header Access-Control-Allow-Headers 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
                add_header Access-Control-Max-Age 1728000;
                add_header Content-Type 'text/plain; charset=utf-8';
                add_header Content-Length 0;
                return 204;
            }
        }
        
        # 地形数据服务
        location /terrain/ {
            alias   D:/terrain_data/;
            autoindex on;
            
            # 同样需要跨域配置
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Methods 'GET, OPTIONS';
            
            # 地形数据特有的MIME类型
            types {
                application/octet-stream terrain;
                application/octet-stream .terrain;
            }
        }
        
        # 错误页面
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

3.2 跨域问题的深度解析

跨域问题是Cesium离线部署中最常见的障碍。浏览器出于安全考虑，限制了不同源之间的资源访问。Cesium从本地文件（file://）访问HTTP服务（http://localhost）就构成了跨域。

为什么Cesium特别容易遇到跨域问题？

Cesium在加载瓦片时，会创建大量的Image对象来加载图片。这些Image对象的src属性指向瓦片URL，如果URL的协议、域名、端口与当前页面有任何不同，就会触发跨域检查。

完整的跨域解决方案需要三个部分：

1. Access-Control-Allow-Origin头：允许哪些源访问资源
2. 预检请求（OPTIONS）处理：对于复杂请求，浏览器会先发OPTIONS请求
3. 正确的MIME类型：确保浏览器能正确识别资源类型

在实际项目中，我发现仅仅设置Access-Control-Allow-Origin: *有时还不够。特别是当Cesium需要携带自定义头信息时，还需要配置Access-Control-Allow-Headers。下面是一个更完整的跨域配置：

location /map/ {
    # ... 其他配置
    
    # 基础跨域头
    add_header Access-Control-Allow-Origin * always;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS' always;
    add_header Access-Control-Allow-Headers 'Origin, X-Requested-With, Content-Type, Accept, Authorization' always;
    add_header Access-Control-Allow-Credentials true always;
    
    # 预检请求处理
    if ($request_method = 'OPTIONS') {
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        add_header Access-Control-Allow-Headers 'Origin, X-Requested-With, Content-Type, Accept, Authorization';
        add_header Access-Control-Max-Age 1728000;
        return 204;
    }
}

注意：在生产环境中，不建议使用*作为允许的源，应该指定具体的域名。但在开发环境或内网环境中，使用*可以简化配置。

3.3 性能优化配置

当瓦片数量达到数十万甚至上百万时，Nginx的默认配置可能无法发挥最佳性能。下面是一些针对地图服务的优化建议：

连接数优化：

events {
    # 每个worker进程的最大连接数
    worker_connections  10240;
    
    # 使用epoll模型（Linux）或select模型（Windows）
    use select;
    
    # 开启多连接接受
    multi_accept on;
}

缓冲区优化：

http {
    # 缓冲区设置
    client_body_buffer_size 128k;
    client_max_body_size 10m;
    client_header_buffer_size 1k;
    large_client_header_buffers 4 4k;
    
    # 输出缓冲区
    output_buffers 1 32k;
    postpone_output 1460;
    
    # 发送超时
    send_timeout 3m;
}

静态文件服务优化：

location /map/ {
    # 开启高效文件传输
    sendfile on;
    tcp_nopush on;
    tcp_nodelay on;
    
    # 直接IO（对于大文件）
    directio 4m;
    directio_alignment 512;
    
    # 启用AIO（异步IO）
    aio on;
    
    # 文件缓存
    open_file_cache max=10000 inactive=30s;
    open_file_cache_valid 60s;
    open_file_cache_min_uses 2;
    open_file_cache_errors on;
}

4. Cesium客户端集成与实战技巧

4.1 基础集成代码

在Vue 3项目中集成Cesium离线地图，我通常采用组合式API的写法。下面是一个完整的组件示例：

<template>
  <div id="cesiumContainer" class="cesium-viewer"></div>
</template>

<script setup>
import { onMounted, onUnmounted, ref } from 'vue'
import * as Cesium from 'cesium'
import 'cesium/Build/Cesium/Widgets/widgets.css'

// 地图实例引用
const viewerRef = ref(null)

// 初始化Cesium Viewer
const initCesiumViewer = () => {
  // 设置Cesium静态资源路径（如果Cesium库是本地部署的）
  window.CESIUM_BASE_URL = '/cesium/'
  
  // 创建Viewer实例
  const viewer = new Cesium.Viewer('cesiumContainer', {
    // 基础控件配置
    animation: false,           // 不显示动画控件
    baseLayerPicker: false,     // 不显示底图选择器
    fullscreenButton: false,    // 不显示全屏按钮
    vrButton: false,           // 不显示VR按钮
    geocoder: false,           // 不显示地理编码器
    homeButton: false,         // 不显示主页按钮
    infoBox: false,            // 不显示信息框
    sceneModePicker: false,    // 不显示场景模式选择器
    selectionIndicator: false, // 不显示选择指示器
    timeline: false,           // 不显示时间轴
    navigationHelpButton: false, // 不显示导航帮助
    
    // 渲染选项
    orderIndependentTranslucency: false,
    contextOptions: {
      webgl: {
        alpha: true,
        antialias: true,
        preserveDrawingBuffer: true,
        failIfMajorPerformanceCaveat: false
      }
    },
    
    // 默认不添加任何影像图层，后面手动添加
    imageryProvider: false
  })
  
  // 移除默认的Bing地图图层
  viewer.imageryLayers.removeAll()
  
  // 添加自定义离线地图
  const offlineImageryProvider = new Cesium.UrlTemplateImageryProvider({
    url: 'http://localhost:8090/map/{z}/{x}/{y}.jpg',
    minimumLevel: 0,
    maximumLevel: 18,
    tileWidth: 256,
    tileHeight: 256,
    tilingScheme: new Cesium.GeographicTilingScheme(),
    rectangle: Cesium.Rectangle.fromDegrees(
      73.66,  // 西经
      18.16,  // 南纬  
      135.05, // 东经
      53.55   // 北纬
    )
  })
  
  viewer.imageryLayers.addImageryProvider(offlineImageryProvider)
  
  // 添加离线地形
  const terrainProvider = new Cesium.CesiumTerrainProvider({
    url: 'http://localhost:8090/terrain/',
    requestVertexNormals: true,
    requestWaterMask: true
  })
  
  viewer.terrainProvider = terrainProvider
  
  // 设置初始视图
  viewer.camera.setView({
    destination: Cesium.Cartesian3.fromDegrees(116.4, 39.9, 15000000)
  })
  
  viewerRef.value = viewer
}

// 组件挂载时初始化
onMounted(() => {
  initCesiumViewer()
})

// 组件卸载时销毁
onUnmounted(() => {
  if (viewerRef.value && !viewerRef.value.isDestroyed()) {
    viewerRef.value.destroy()
  }
})
</script>

<style scoped>
.cesium-viewer {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#cesiumContainer {
  width: 100%;
  height: 100%;
}
</style>

4.2 高级配置与性能调优

瓦片加载策略优化：

Cesium默认的瓦片加载策略可能不适合离线环境。我们可以通过一些配置来优化加载性能：

// 调整瓦片加载参数
const viewer = new Cesium.Viewer('cesiumContainer', {
  // ... 其他配置
  
  // 场景参数
  scene3DOnly: true,  // 只使用3D场景，提升性能
  
  // 渲染参数
  msaaSamples: 4,     // 多重采样抗锯齿
  
  // 地形参数
  terrainShadows: Cesium.ShadowMode.DISABLED, // 禁用地形阴影提升性能
})

// 调整瓦片缓存大小
viewer.scene.globe.tileCacheSize = 512

// 设置最大并发请求数
viewer.scene.globe.maximumScreenSpaceError = 2
viewer.scene.globe.tileLoadProgressEvent.addEventListener((remaining) => {
  console.log(`剩余瓦片加载数: ${remaining}`)
})

// 启用细节层次（LOD）优化
viewer.scene.globe.depthTestAgainstTerrain = true

多图层管理：

在实际项目中，我们可能需要加载多种地图数据（如卫星图、道路图、标注图等）。Cesium支持多层影像叠加：

// 添加多个影像图层
const layers = [
  {
    name: '卫星影像',
    provider: new Cesium.UrlTemplateImageryProvider({
      url: 'http://localhost:8090/satellite/{z}/{x}/{y}.jpg',
      minimumLevel: 0,
      maximumLevel: 15
    }),
    alpha: 1.0,
    show: true
  },
  {
    name: '道路图层',
    provider: new Cesium.UrlTemplateImageryProvider({
      url: 'http://localhost:8090/road/{z}/{x}/{y}.png',
      minimumLevel: 10,
      maximumLevel: 18
    }),
    alpha: 0.8,
    show: true
  },
  {
    name: '标注图层',
    provider: new Cesium.UrlTemplateImageryProvider({
      url: 'http://localhost:8090/label/{z}/{x}/{y}.png',
      minimumLevel: 12,
      maximumLevel: 18
    }),
    alpha: 1.0,
    show: true
  }
]

layers.forEach(layer => {
  const imageryLayer = viewer.imageryLayers.addImageryProvider(layer.provider)
  imageryLayer.alpha = layer.alpha
  imageryLayer.show = layer.show
})

4.3 常见问题排查指南

问题1：地图显示空白，控制台报跨域错误

这是最常见的问题。排查步骤：

1. 直接在浏览器中访问瓦片URL，看是否能正常显示图片
2. 检查Nginx配置中的跨域头是否正确设置
3. 查看浏览器开发者工具的网络面板，确认响应头中是否包含Access-Control-Allow-Origin
4. 如果是HTTPS页面访问HTTP服务，浏览器可能会阻止"混合内容"

问题2：地图显示错位或颠倒

这通常是瓦片坐标系统不匹配导致的。Cesium支持多种瓦片方案：

// 地理坐标系（默认）
const geographicScheme = new Cesium.GeographicTilingScheme()

// Web墨卡托投影
const webMercatorScheme = new Cesium.WebMercatorTilingScheme()

// 自定义瓦片方案
const customScheme = new Cesium.GeographicTilingScheme({
  numberOfLevelZeroTilesX: 2,
  numberOfLevelZeroTilesY: 1,
  rectangle: new Cesium.Rectangle(
    Cesium.Math.toRadians(-180),
    Cesium.Math.toRadians(-90),
    Cesium.Math.toRadians(180),
    Cesium.Math.toRadians(90)
  )
})

问题3：地形数据加载失败

地形数据比影像数据更复杂，常见问题包括：

1. MIME类型不正确：确保Nginx正确配置.terrain文件的MIME类型
2. 数据格式不匹配：Cesium支持多种地形格式，确认数据格式与CesiumTerrainProvider的配置匹配
3. 层级不连续：地形数据需要连续的层级，不能有缺失

排查地形问题时，可以先用简单的代码测试：

// 测试地形服务
const testTerrain = async () => {
  try {
    const provider = await Cesium.CesiumTerrainProvider.fromUrl(
      'http://localhost:8090/terrain/'
    )
    console.log('地形服务可用:', provider)
    console.log('可用层级:', provider.availability)
  } catch (error) {
    console.error('地形服务错误:', error)
  }
}

问题4：性能问题，地图加载缓慢

离线地图性能问题通常有几个原因：

1. 瓦片文件过大：建议将瓦片压缩为WebP格式，可以大幅减小文件体积
2. Nginx配置未优化：参考前面的性能优化配置
3. Cesium渲染设置不当：适当降低maximumScreenSpaceError值
4. 硬件加速未开启：确保浏览器启用了硬件加速

可以通过Chrome的性能面板分析瓶颈：

// 性能监控
setInterval(() => {
  const memory = viewer.scene.frameState.commandList.memory
  console.log(`显存使用: ${memory} bytes`)
  console.log(`瓦片加载队列: ${viewer.scene.globe._surface.tileLoadQueueHigh.length}`)
}, 5000)

4.4 生产环境部署建议

安全配置：

虽然内网环境相对安全，但仍建议进行基本的安全加固：

# 限制访问IP
location /map/ {
    allow 192.168.1.0/24;  # 只允许内网访问
    deny all;
    
    # 隐藏Nginx版本信息
    server_tokens off;
    
    # 防止目录遍历
    location ~* \.(jpg|jpeg|png|gif)$ {
        valid_referers none blocked server_names;
        if ($invalid_referer) {
            return 403;
        }
    }
}

监控与日志：

建立监控机制，及时发现和解决问题：

# 详细日志记录
log_format map_access '$remote_addr - $remote_user [$time_local] '
                      '"$request" $status $body_bytes_sent '
                      '"$http_referer" "$http_user_agent" '
                      'rt=$request_time uct="$upstream_connect_time" '
                      'uht="$upstream_header_time" urt="$upstream_response_time"';

access_log logs/map_access.log map_access;

# 错误日志分级
error_log logs/error.log warn;

备份与恢复：

建立定期备份机制，特别是对于处理过的地图数据：

@echo off
REM 备份脚本：backup_map.bat
set BACKUP_DIR=D:\map_backup\%date:~0,4%%date:~5,2%%date:~8,2%
set SOURCE_DIR=D:\map_data

echo 开始备份地图数据...
if not exist "%BACKUP_DIR%" mkdir "%BACKUP_DIR%"

xcopy "%SOURCE_DIR%" "%BACKUP_DIR%" /E /H /C /I /Y

echo 备份完成：%BACKUP_DIR%
pause

自动化部署：

对于需要频繁部署的环境，可以编写自动化脚本：

# deploy.ps1 - 自动化部署脚本
param(
    [string]$NginxPath = "C:\nginx",
    [string]$MapDataPath = "D:\map_data"
)

Write-Host "开始部署Cesium离线地图服务..." -ForegroundColor Green

# 1. 停止现有服务
Write-Host "停止Nginx服务..." -ForegroundColor Yellow
Start-Process -FilePath "$NginxPath\nginx.exe" -ArgumentList "-s quit" -Wait -NoNewWindow

# 2. 备份旧配置
$backupTime = Get-Date -Format "yyyyMMdd_HHmmss"
Copy-Item "$NginxPath\conf\nginx.conf" "$NginxPath\conf\nginx.conf.backup_$backupTime"

# 3. 更新配置文件
$configContent = Get-Content -Path ".\nginx_config_template.conf" -Raw
$configContent = $configContent -replace "{{MAP_DATA_PATH}}", $MapDataPath
$configContent | Out-File -FilePath "$NginxPath\conf\nginx.conf" -Encoding UTF8

# 4. 测试配置
Write-Host "测试Nginx配置..." -ForegroundColor Yellow
& "$NginxPath\nginx.exe" -t
if ($LASTEXITCODE -ne 0) {
    Write-Host "配置测试失败，恢复备份..." -ForegroundColor Red
    Copy-Item "$NginxPath\conf\nginx.conf.backup_$backupTime" "$NginxPath\conf\nginx.conf" -Force
    exit 1
}

# 5. 启动服务
Write-Host "启动Nginx服务..." -ForegroundColor Green
Start-Process -FilePath "$NginxPath\nginx.exe" -NoNewWindow

# 6. 验证服务
Start-Sleep -Seconds 2
$response = Invoke-WebRequest -Uri "http://localhost:8090/map/0/0/0.jpg" -Method Head -ErrorAction SilentlyContinue
if ($response.StatusCode -eq 200) {
    Write-Host "部署成功！服务已正常运行。" -ForegroundColor Green
} else {
    Write-Host "部署失败，请检查日志。" -ForegroundColor Red
}

这套Windows下的Cesium离线地图服务方案，我在三个不同的内网GIS项目中都成功应用过。最复杂的一个项目包含了全国范围的18级瓦片数据和地形数据，数据总量超过500GB，通过合理的Nginx配置和Cesium优化，最终在普通服务器上也能流畅运行。

实际部署时最大的经验就是：一定要先小范围测试。先用一个小区域的数据验证整个流程，确认没问题后再处理大规模数据。另外，记得定期检查Nginx的日志，很多问题都能从日志中找到线索。如果遇到性能瓶颈，优先考虑优化瓦片数据（压缩、合并小文件）和调整Cesium的加载参数，这两方面的优化效果通常最明显。