Google maps 谷歌地图API地面覆盖图像未与地图对齐

我正在尝试使用Javascript和GroundOverlay在Google地图上显示一个图像覆盖，但是该覆盖与地图不一致

覆盖图像URL和LatLng边界从中检索

让火焰覆盖；
函数initMap（）{
const map=new google.maps.map（document.getElementById（“map”）{
缩放：6，
中心：{lat:55.74，lng:14.18}，
});
常量imageBounds={
北：69.05406，
南：55.33663，
东：24.17576，
西：10.9053，
};
fireRiskOverlay=新的google.maps.GroundOverlay(
"https://api.msb.se/brandrisk/maps/v2/Brandindex_20210522.png",
图像边界，
{不透明度：0.5}
);
fireRiskOverlay.setMap（地图）；
}

结果是覆盖层在北部和南部边缘完美贴合，但拉伸不正确。我认为这与使用不同地图投影的地图和覆盖图像有关，但我不知道如何解决它。API说它使用的是WGS84，据我所知，它或多或少是“标准的”

有没有办法让图像与地图正确对齐

---

看起来边界不正确（您的边界与我在从API检索的数据中看到的边界不同，但即使我使用这些边界，覆盖也不会对齐）。这似乎是API需要解决的问题，我想可能是另一个投影，但在不确定的情况下很难解决。

    <script>
      let fireRiskOverlay;

      function initMap() {
        const map = new google.maps.Map(document.getElementById("map"), {
          zoom: 6,
          center: { lat: 55.74, lng: 14.18 },
        });
        const imageBounds = {
          north: 69.05406, 
          south: 55.33663,  
          east: 24.17576,
          west: 10.9053,
        };
        fireRiskOverlay = new google.maps.GroundOverlay(
          "https://api.msb.se/brandrisk/maps/v2/Brandindex_20210522.png",
          imageBounds,
          {opacity: 0.5}
        );
        fireRiskOverlay.setMap(map);
      }
    </script>