2012-01-06 3 views
0

Ссылка: http://www.bastosviegas.com/mapa (пожалуйста, пролонгировать «Interactivo», чтобы увидеть карту Google)Google Maps API - Карта неуместны на кадр

Как вы можете видеть, что карта не в центре правильных координат и это ошибки, пока вы не максимизировать/свести к минимуму страницу.

Кто-нибудь еще сталкивался с этой ошибкой? Если да, то как у вас все получилось?

+0

Там нет Google Maps на URL вы публикуемую. Я вообще не говорю по-итальянски, я должен что-то ввести во входные поля? Также «interactiveivo» ничего не делает (Chrome 16) – Halcyon

+0

Извините, что я только что возился с ним. Он должен быть там сейчас. И это португальский, но да, вы должны переходить «интерактивно», чтобы увидеть карту google. Я упомянул об этом в ОП. – pedropeixoto

+0

Что такое код javascript, который находится на карте? Что представляет собой код javascript, который показывает его во время наведения курсора мыши/взаимодействия? – danludwig

ответ

1

Это не ошибка, в любое время вы манипулировать DIV, который содержит карту, которую вы должны вызвать отображение изменения размера с триггером: google.maps.event.trigger(map, 'resize');

Я хотел бы добавить триггер на событие наведения курсора мыши.

Вот пример:

function initialize() { 
    var map; 
    var centerPosition = new google.maps.LatLng(38.713107, -90.42984); 
    var options = { 
     zoom: 6, 
     center: centerPosition, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map($('#map')[0], options); 

    //when map is shown, trigger resize 
    $('#hoverbtn').hover(function(){ 
     $('#map').show(); 
     google.maps.event.trigger(map, 'resize'); 
    }); 

} 

Fiddle example выше код