【发布时间】：2012-03-14 19:14:46
【问题描述】：
我对使用 Google Maps API 很陌生，但我一直在尝试将网格化 PNG 图像叠加到 Google Maps 中。这是网址：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 墨卡托投影有关？
以前有没有其他人遇到过这个问题？
【问题讨论】：
标签： javascript google-maps-api-3