无法在谷歌地图上覆盖图像

Question

我目前正在尝试在谷歌地图上覆盖图像。到目前为止，我已经成功地在谷歌地图上找到了那张照片，但它的位置不对。

我有图像的坐标(lat-long)，我想把它叠加在地图上。

我试着用谷歌地图的方法来放置它。为了显示为tile，我将其命名为"image_name_zoom_x_y.png"。因此，当你选择一个特定的缩放级别(我使用18)，图像显示在一个平铺，但它显示在错误的位置(平铺)。

如何匹配瓷砖的x,y坐标与图像的纬度和经度，以便我能够将图像放置在正确的位置?

这是我到目前为止的内容:

const TILE_URL = 'xyz.com/orthoImage_{z}_{x}_{y}.png';
const imageMapType = new google.maps.ImageMapType({
getTileUrl: function (coord, zoom) {
console.log(coord);
const url = TILE_URL
.replace('{z}', zoom)
.replace('{x}', coord.x)
.replace('{y}', coord.y);
console.log('url', url);
return url;
},
tileSize: new google.maps.Size(256, 256),
minZoom: 1,
maxZoom: 20
});

Answer 1

我想你应该看看这个，这是你可能需要的东西

https://developers.google.com/maps/documentation/javascript/groundoverlays介绍