Nhiều phiên bản của Google Maps trên một trang

Question

Tôi có một biểu mẫu cho phép bạn xem trước tọa độ qua bản đồ google. Người dùng có thể tự động thêm nhiều tập tọa độ vào biểu mẫu. Số lượng tọa độ là biến.

Tôi lặp qua các biến với mã này mà tôi cảm thấy nó phải làm với việc tải nhiều bản đồ của bản đồ google. Bản đồ đầu tiên tải tốt, nhưng bản đồ thứ hai chỉ tải một ô ở góc xa bên trái. NẾU tôi cập nhật tọa độ trên biểu mẫu, thì tất cả các bản đồ chỉ hiển thị một ô ở góc xa bên trái.

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

Cảm ơn bạn đã được trợ giúp! Aaron

Answer 1

Dường như bạn đang gặp sự cố khi tải bản đồ để thay đổi kích thước. Từ những gì tôi nhớ lại điều này xảy ra nếu kích thước vùng chứa bản đồ thay đổi. Bạn có thể thử kích hoạt thay đổi kích thước sau khi hiển thị bản đồ không?

google.maps.event.trigger(map, "resize");