2013-06-23 17 views
41

Bir Bootstrap şablonu içinde bu kod parçası kullanıyorum ile Google Haritası yeniden. Bir Bootstrap Sekmesi içerik panosunda görüntüler yüklenirken sorunlarla karşılaşıyorum.elle nasıl JavaScript

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!' 
}); 

Ben elle Google Harita örneğini yeniden internette herhangi bir yöntem (ler) bulamadık:

Bu benim Harita başlatmak için kullanmak JavaScript kodudur.

Bu mümkün ve nasıl mı? Teşekkürler!

+0

Yardım ... herkes? Google'dan iframe kullanırken –

cevap

115

Evet, böyle bir Google Haritası 'yenile' olabilir:

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

Bu temelde yeniden çizmeniz haritanıza bir sinyal gönderir.

Bu yardımcı olur umarım!

+2

bu çalışır mı? Bu kodu nereye koyayım? – MrDirby

+0

Ahh! Ya da düşündüm ki ... bazı uyarılar var. Günün Chrome'da çalışmak görünmüyor ama garip Firefox, ... yapar. Ayrıca, tetikleme 'resize' oldukça iyi div yeniden konumlandırmak, ancak elle resized kadar, benim durumumda kapalı hala birkaç piksel boyutunda. –