複数のGoogleマップインスタンスを1つのページに表示

Question

私は、Googleマップを介して座標をプレビューできるフォームを用意しています。ユーザーは、複数の座標セットをフォームに動的に追加できます。座標の量は可変である。

私はGoogleマップの複数のインスタンスを読み込むことと関係があると感じるこのコードで変数をループします。最初のマップはうまくロードされますが、2番目のマップは1つのタイルを一番左のコーナーにロードします。フォーム上の座標を更新すると、すべてのマップは一番左の隅に1つのタイルしか表示しません。

   while (tempClone != cloneCount) { 
var lat_lng = new google.maps.LatLng(lat, lng);    

       options = { 
        zoom: 14, 
        center: lat_lng, 
        panControl: false, 
        zoomControl: false, 
        mapTypeId: google.maps.MapTypeId.TERRAIN 
       }; 

       map[tempClone] = new google.maps.Map(document.getElementById("map"+tempClone), options); 

       var infowindow = new google.maps.InfoWindow({ 
        content: inputBL[tempClone][0][1] + 'Entrance' 
       }); 

       marker[tempClone] = new google.maps.Marker({ 
        position: lat_lng, 
        map: map[tempClone], 
        title: inputBL[tempClone][0][1] 
       }); 
} 

ありがとうございます！ Aaron

Answer 1

地図のサイズを変更するのが難しいようです。マップコンテナのサイズが変更された場合、これが思い出されます。地図を表示した後でサイズ変更を試すことができますか？