javascript - ExtJS 和谷歌地图

Question

我正在尝试弄清楚 ExtJS 和 Google map 的配合效果如何。我正在玩这个例子:http://dev.sencha.com/deploy/ext-4.0.0/examples/window/gmap.html

当我试图找到 map 时我迷路了。我希望能够以编程方式更改缩放级别、绘制多边形并将点放置在 map 上。

我一直在玩，所以我的代码与示例中的代码不一样。

我定义了一个表单面板，并将 map 嵌入其中。我有一个监听器等待 map 渲染:

listeners:{
            afterrender: {
                fn: setupWindow,
                scope: this
            }
        }

然后，在 setupWindow 中我有这个:

gmap.setzoom(25);
mapBounds = new gmap.LatLngBounds(
                new gmap.LatLng(responseJson.minY, responseJson.minX),
                new gmap.LatLng(responseJson.maxY, responseJson.maxX)
                );

但是它在那里失败了。我做错了什么？

Answer 1

由于您在有问题的行之前调用 gmap.setZoom(25) - 我假设 gmap 是 GMap2 的实例> 像这样:

var gmap = new GMap2(...);

如果确实如此 - 那么 new gmap.LatLngBounds 或 new gmap.LatLng 应该失败，因为两者都不是 map 的函数>(除非您将其添加到代码中)。

你也许应该做的是:

mapBounds = new GLatLngBounds(
                    new GLatLng(responseJson.minY, responseJson.minX),
                    new GLatLng(responseJson.maxY, responseJson.maxX)
                );

编辑:澄清我的假设 - 从您尝试使用的 ExtJS 示例来看，您似乎正在尝试使用 API V2。