Javascript 使用Openlayers API和Google底图覆盖图像层

应该是这样的： 我用以下代码添加了图层：

var graphic = new OpenLayers.Layer.Image(
    'Flood Map',
    'https://dl.dropboxusercontent.com/u/75734877/crb_agaton.png',
    new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508),
new OpenLayers.Size(580, 288), {
    isBaseLayer: false,
    opacity: 0.4,
    projection: map.getProjectionObject(),
    strategies: [new OpenLayers.Strategy.Fixed()],
    maxResolution: "auto"

});

这是我的建议。

---

问题是（只是我的猜测），我认为它的大小和投影。它并没有在谷歌的底图上显示出来。如何根据缩放级别调整图像大小？并将其正确地“放置”在底图上。

我通过获得图像的正确边界及其投影来解决这个问题

这是一个样品

我从GeoServer获得了边界/范围

var graphic = new OpenLayers.Layer.Image(
    'Flood Map',
    'https://dl.dropboxusercontent.com/u/75734877/crb_agaton.png',
new OpenLayers.Bounds(13971275.676953565,1016783.2756971325,13983809.036528133,1022721.9583122506),
...