如何实现无人机Orthomosaic（正射影像）叠加至谷歌地图？

参考位置 #

从上述谷歌地图位置可观察到无人机Orthomosaic（正射影像）的清晰度与分辨率优于谷歌卫星图，现咨询如何实现该正射影像在谷歌地图中的叠加操作。

前提准备 #

• 确保正射影像已完成地理配准，包含精确的西南、东北经纬度边界，投影需与谷歌地图一致（Web Mercator，EPSG:3857）。
• 影像或瓦片需托管在公开可访问的服务器上（私有资源可使用签名URL）。

方法一：单张影像叠加（GroundOverlay） #

适用于中小面积影像，操作简单直接：

1. 引入谷歌地图JavaScript API（替换为你的API密钥）：

   <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
   

2. 初始化地图并添加影像叠加层：

   function initMap() {
     // 目标区域中心坐标
     const center = new google.maps.LatLng(-6.1403, 39.5138);
     // 影像的地理边界（需替换为你的实际坐标）
     const imageBounds = {
       north: -6.139,
       south: -6.141,
       east: 39.515,
       west: 39.512
     };
   
     const map = new google.maps.Map(document.getElementById("map"), {
       zoom: 18,
       center: center,
       mapTypeId: "satellite" // 可选：用卫星底图匹配正射影像
     });
   
     // 添加正射影像
     const orthoOverlay = new google.maps.GroundOverlay(
       "https://your-server.com/path/to/orthomosaic.jpg",
       imageBounds
     );
     orthoOverlay.setMap(map);
     
     // 可选：调整透明度，方便查看底层谷歌地图
     orthoOverlay.setOpacity(0.7);
   }
   
   window.initMap = initMap;
   

3. 添加地图容器：

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

方法二：切片瓦片叠加（TileLayer） #

适用于大面积影像，加载性能更优。需先将影像切割为XYZ格式瓦片（可通过QGIS、GDAL等工具完成）：

1. 引入谷歌地图API（同上）。

2. 初始化地图并添加瓦片层：

   function initMap() {
     const center = new google.maps.LatLng(-6.1403, 39.5138);
     const map = new google.maps.Map(document.getElementById("map"), {
       zoom: 18,
       center: center,
       mapTypeId: "satellite"
     });
   
     // 添加瓦片层，替换为你的瓦片URL模板
     const tileLayer = new google.maps.TileLayer({
       getTileUrl: function(coord, zoom) {
         return `https://your-server.com/tiles/${zoom}/${coord.x}/${coord.y}.png`;
       },
       tileSize: new google.maps.Size(256, 256),
       opacity: 0.7
     });
     tileLayer.setMap(map);
   }
   
   window.initMap = initMap;
   

关键注意事项 #

• 影像边界必须精准，否则会出现偏移。
• 瓦片命名需严格遵循XYZ规则（zoom/x/y）。
• 私有影像需配置服务器CORS权限，允许谷歌地图域名跨域请求。

内容的提问来源于stack exchange，提问作者Twalibu Munisi