谷歌地圖API V3中的自定義疊加失真

Question

我對使用Google Maps API相當陌生，但我一直在玩網格化PNG圖像疊加到谷歌地圖。這裏是網址：http://www.nohrsc.noaa.gov/~lkarsten/Alaska_SWE.html。

只顯示正在顯示的圖像的一點背景。這是一個網格化的PNG文件，以0.01度緯度/經度分辨率顯示雪水當量值，圖像邊界爲緯度48.0 - 72.0度，經度-126.0至-168.0度。

當我使用地面疊加功能（google.maps.GroundOverlay）時，圖像被正確覆蓋。此網址使用google.maps.GroundOverlay具有正確的疊加層定位：http://www.nohrsc.noaa.gov/~lkarsten/Alaska_SWE.html.20120312。

但是，我希望爲覆蓋層添加功能，例如不透明度等。您無法使用GroundOverlay功能實現此目的，因此我一直使用google.maps.OverlayView函數，但我得到某種奇怪的圖像失真。範圍似乎很好，但它好像圖像已被拉伸到中間。圖像是以緯度/經度座標生成的，所以我不太確定爲什麼圖像會以這種方式變形。也許它與Google Maps API墨卡託投影有關？

有沒有其他人遇到過這個問題？

Answer 1

根據API參考，GroundOverlay支持不透明度。 GroundOverlay類將圖像滑動到多個div以最大程度地減少大面積的失真。如果你想做一個自定義類，你需要實現類似的邏輯。