2013-06-23 24 views
41

Tôi đang sử dụng đoạn mã này trong mẫu Bootstrap. Tôi đang gặp sự cố khi tải hình ảnh trong ngăn nội dung của tab Bootstrap.Cách tải lại Google Map theo cách thủ công bằng JavaScript

Đây là mã JavaScript mà tôi sử dụng để khởi tạo bản đồ:

var latlng = new google.maps.LatLng(50, 50); 

var myOptions = { 
    zoom: _zoom, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControlOptions: { 
     style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
    } 
}; 

var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); 

var marker = new google.maps.Marker({ 
    position: latlng, 
    map: map, 
    title: 'Google Office!' 
}); 

tôi đã không tìm thấy bất kỳ phương pháp (s) trên internet để tự tải lại một trường hợp Google Map.

Điều này có thể thực hiện được không? Cảm ơn!

+0

Trợ giúp ... Bất kỳ ai? –

Trả lời

115

Vâng, bạn có thể 'làm mới' Google Map như thế này:

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

này về cơ bản sẽ gửi một tín hiệu vào bản đồ của bạn để vẽ lại nó.

Hy vọng điều đó sẽ hữu ích!

+2

Tính năng này có hoạt động khi bạn đang sử dụng iframe từ Google không? Tôi sẽ đặt mã này ở đâu? – MrDirby

+0

Argh! Hoặc vì vậy tôi nghĩ ... đó là, có một số cảnh báo. Dường như nó không hoạt động chút nào trong Chrome nhưng nó có trong Firefox, điều này thật lạ lùng. Ngoài ra, kích hoạt 'resize' sẽ tái định vị div khá tốt, nhưng nó vẫn còn một vài điểm ảnh trong trường hợp của tôi, cho đến khi thay đổi kích thước bằng tay. –

Các vấn đề liên quan