Google maps 移动谷歌静态地图

我有一个（lat，lon）对，我想在静态地图上绘制。 但是，我将在地图的下半部分覆盖一个对话框，因此我想向上“移动”地图，使气球位于图像的上半部分

为了说明，这里是一张以旧金山（37.7833，122.4167）为中心的地图，气球位于中心。

https://maps.google.com/maps/api/staticmap?center=37.7833,-122.4167&zoom=15&size=400x400&markers=color:red|37.7833,-122.4167

我想要一张像这样的地图。我手动将中心纬度调整了一些小数，以向上移动

https://maps.google.com/maps/api/staticmap?center=37.7803,-122.4167&zoom=15&size=400x400&markers=color:red|37.7833,-122.4167

---

任意减去纬度对我来说似乎不是最好的方法，我想知道是否有人有更好的建议？

您可以要求一张更大的地图，然后按所需的值剪裁图像

或者将图像用作背景图像，并通过背景位置进行移动：

---

这可能在所有情况下都不实用（取决于缩放操作），但一个简单的解决方案是使用高度偏移指定地图图像，然后在较短的div中为其指定绝对位置，如下所示：

HTML

---

您能否不使用较小的地图高度，并使用另一个div来使用剩余的高度来放置内容？您是否必须使用静态地图API？如果使用JSAPI，则可以使用库，特别是computeOffset方法。我认为这在Web服务API中是不可用的，如果它被使用的话，它可以为您对静态映射API的调用提供一个值

    <div id = "container">
       <img src = "https://maps.google.com/maps/api/staticmap?center=37.7803,-122.4167&zoom=15&size=400x500&markers=color:red|37.7803,-122.4167"/>
    </div>

#container {
    width:400px;
    height:400px;
    overflow:hidden;
    position:relative;
}
#container > img {
    position:absolute;
    bottom:0;
}