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

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];