如何在 Google Maps 上叠加无人机正射影像？

2026-11-04数据小许

可以在自己的网站中使用 Google Maps JavaScript API，将已完成地理配准的无人机正射影像叠加到地图上。小范围影像可以使用 GroundOverlay；较大的影像通常需要切成瓦片，按当前视野和缩放级别加载。

仅凭提供的 iframe 代码，无法确认地图中某块更清晰的影像是否来自无人机，也无法判断它的处理流程。清晰度差异不足以证明有人添加了自定义正射影像。

正射影像是怎样制作出来的？

无人机拍摄的照片需要经过摄影测量处理，才能成为适合地图展示的正射镶嵌影像（orthomosaic）。常见流程如下：

拍摄具有足够重叠区域的航片。
在摄影测量软件中进行照片匹配和空中三角测量，并结合定位数据；有精度要求时，还需要控制点等测量依据。
利用地形或表面模型进行正射校正，再将影像拼接成带地理参考的成果，例如 GeoTIFF。
根据网页展示方式，将成果转换成图片或地图瓦片。

在合适的航高、相机和处理条件下，无人机影像可以显示更细的地面细节，但实际效果仍取决于采集条件和处理质量。不能仅凭画面清晰就认定其位置精度更高。

现有 iframe 能直接添加影像吗？

提供的 iframe 是 Google Maps 的嵌入地址，其中没有自定义正射影像文件或其地理边界。修改 iframe 的宽高或调整地图视角，都不会把自己的影像添加进去。

Google 的地图嵌入方式适合直接展示地图。需要通过代码控制自定义影像时，应在页面中创建 Maps JavaScript API 地图。具体可参考地图嵌入说明和 Maps JavaScript API 接入指南。

这种叠加只影响你创建的地图页面，不会更新 Google Maps 的公共卫星底图。

小范围影像如何使用 GroundOverlay？

先准备一张能通过网页访问的 PNG 或 JPEG 图片，并取得其覆盖范围的北、南、东、西边界。边界需要使用经纬度，不能直接传入投影坐标中的米值。

下面的函数假设页面已经加载 Maps JavaScript API，并存在一个具有明确高度的地图容器。imageUrl 和 bounds 必须来自你自己的影像数据。

<div id="map" style="width: 100%; height: 450px;"></div>

function showOrthomosaic(imageUrl, bounds) {
  // bounds 格式：{ north, south, east, west }
  // 四个值均为影像实际覆盖范围的经纬度数值。
  const map = new google.maps.Map(document.getElementById("map"), {
    center: {
      lat: (bounds.north + bounds.south) / 2,
      lng: (bounds.east + bounds.west) / 2
    },
    zoom: 18,
    mapTypeId: "satellite"
  });

  const overlay = new google.maps.GroundOverlay(imageUrl, bounds, {
    opacity: 0.8
  });

  overlay.setMap(map);
  map.fitBounds(bounds);

  return { map, overlay };
}

GroundOverlay 根据图片 URL 和地理边界放置影像。将透明度设为 0.8，便于观察底图与影像是否对齐；确认后可以改为 1。具体接口见 Ground Overlays 官方文档。

代码中的 zoom: 18 只是初始化值，随后 fitBounds() 会根据影像范围调整视野，并不代表原始位置的推荐缩放级别。

怎样避免影像错位或变形？

影像能否准确叠加，关键在于其地理参考和投影处理。

不要把地图中心当作影像边界。原始 iframe 中的位置参数不能替代正射影像的实际覆盖范围。
不要只把 GeoTIFF 改成 PNG。转换时需要保留或另行导出地理范围，并确认输出图像与地图投影兼容。
注意旋转和投影差异。GroundOverlay 会将图片映射到指定边界，不能替你完成摄影测量正射校正，也不会自动解释 GeoTIFF 的地理参考。带旋转或投影不匹配的影像，应先在 GIS 软件中重投影、重采样并导出。
用多个地物检查对齐。可以比较道路交叉口、建筑角点等位置，不能只对准一个点就认定整幅影像准确。

如果某一区域整体平移，优先检查坐标和配准；如果不同位置的偏差方向、大小不一致，还需要检查投影、正射处理和底图自身的误差。

影像很大时怎么办？

高分辨率正射影像可能体积很大，直接加载整张图片会增加下载时间和浏览器内存占用。这时应先生成多级地图瓦片，再通过自定义瓦片图层叠加到 Google Maps 上。

已有小范围正射成果时，可以先用 GroundOverlay 验证位置和展示效果；展示大范围、高分辨率成果时，可采用瓦片方案。如果目前只有原始航拍照片，需要先完成正射处理，才能准确叠加。