Google Maps API V3中的自定义叠加失真

时间:2012-03-14 19:14:47

标签: javascript google-maps-api-3

我对使用Google Maps API相当陌生,但我一直在努力将网格化的PNG图像叠加到Google地图中。以下是网址: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函数,但我得到某种奇怪的图像失真。范围看起来很好,但就像图像在中间被拉伸一样。图像是以lat / lon坐标生成的,所以我不太清楚为什么图像会以这种方式扭曲。也许它与谷歌地图API墨卡托投影有关?

之前是否有其他人遇到此问题?

1 个答案:

答案 0 :(得分:0)

根据API参考,GroundOverlay支持不透明度。 GroundOverlay类将图像滑动到多个div中,以最大限度地减少大区域的失真。如果要进行自定义类,则需要实现类似的逻辑。