Soru Google Map'i JavaScript ile manuel olarak nasıl yeniden yüklerim?


Bu kod parçasını bir Bootstrap şablonu içinde kullanıyorum. Bir Bootstrap Sekmesi içerik panosunda görüntüler yüklenirken sorunlarla karşılaşıyorum.

Bu, Harita'yı başlatmak için kullandığım JavaScript kodudur:

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

Bir Google Map örneğini manuel olarak yeniden yüklemek için internette herhangi bir yöntem (ler) bulamadım.

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


44
2018-06-23 20:26


Menşei


Yardım ... Herkes?


Cevaplar:


Evet, bir Google Haritasını şu şekilde 'yenileyebilirsiniz':

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

Bu temel olarak haritanızı yeniden çizebilmek için bir sinyal gönderir.

Umarım yardımcı olur!


117
2018-06-25 04:56



Google'dan iframe kullanırken bu işe yarar mı? Bu kodu nereye koyayım? - MrDirby
Ahh! Ya da düşündüm ki ... bazı uyarılar var. Chrome'da hiç işe yaramıyor gibi görünüyor, ancak Firefox'ta var ... ki bu garip. Ayrıca tetikleme resize div'i oldukça iyi bir şekilde yeniden konumlandırır, ancak el ile yeniden boyutlandırılana kadar benim durumumda hala birkaç piksel kapanır. - Spencer Williams