Ich weiß nicht, wie man Map Resize richtig zentriert

Question

Hier ist mein Code, perfekt funktioniert, außer die Karten sind nicht richtig zentriert im Vergleich zu den Markern. Aus meiner Recherche könnte es an der unbekannten Größe des Containers liegen. Nun, ich habe gelesen, dass ich ein Trigger-Ereignis verwenden sollte, um die Größe meiner Karten zu ändern (google.maps.event.trigger(map, 'resize');). Aber ich habe alles versucht, damit dieser Code funktioniert, und das ist es nicht. Jede Hilfe wird geschätzt.

var coords = [ 
{lat: 45.731267, lng: 4.827466, zoom: 15}, 
{lat: 43.648456, lng: 5.252421, zoom: 15}, 
{lat: 42.393203, lng: -71.151112, zoom: 15} 
]; 
var markers = []; 
var maps = []; 

function myMaps() { 
    for(var i = 0, length = coords.length; i < length; i++) 
    { 
    var point = coords[i]; 
    var latlng = new google.maps.LatLng(point.lat, point.lng); 

    maps[i] = new google.maps.Map(document.getElementById('map' + (i + 1)), 
    { 
     zoom: point.zoom, 
     center: latlng, 
     disableDefaultUI: true 
    }); 

    markers[i] = new google.maps.Marker({ 
     position: latlng, 
     map: maps[i] 
    }); 
    } 
} 

Answer 1

können Sie versuchen, <center> Your map </center> in Sie HTML zu verwenden, wo Sie Ihre Karte setzen. Dadurch wird Ihre Karte automatisch in jede Containergröße verschoben. Hoffe das wird dir helfen.