Question

我正在一个页面中开发多个地图，这些地图可以调整大小。我使用goMap生成谷歌地图，所以要通过以下方式调整地图大小： google.maps.event.trigger($.goMap.map, 'resize'); 但它只是调整了最后一张地图的大小，那么如何更改要重新调整大小的$ .goMap.map？

或者在一个页面中调整多个地图大小的任何其他解决方案？

Answer 1

好的，我解决了，只需在触发resize事件之前调用goMap函数。它有效，但代码看起来不那么好。

Answer 2

是。那是对的。如果您真的不想再次调用goMap函数，可以创建一个数组，以便在地图生成后保存所有地图。

**var mapArray = [];**
$("#map").goMap({
    address: 'USA',
    zoom: 3,
    maptype: 'ROADMAP'
});

mapArray.push($.goMap.map);

var t2 = $("#map2").goMap({
    address: 'Canada',
    zoom: 2,
    maptype: 'ROADMAP'
});
mapArray.push($.goMap.map);

var t3 = $("#map3").goMap({
    address: 'Brasil',
    zoom: 2,
    maptype: 'ROADMAP'
});
mapArray.push($.goMap.map);

然后在以下代码中，您可以使用

获取特定地图

var map = mapArray[i];

一页中的多个地图可调整大小

2 个答案: