2012-01-06 56 views
0

链接:http://www.bastosviegas.com/mapa(请翻转“interactivo”看到谷歌地图)谷歌地图API - 地图放错了地方的框架

正如你所看到的地图是不是在正确的坐标中心,它的错误,直到你最大化/最小化页面。

任何人都遇到了这个bug呢?如果是的话你是怎么做到的?

+0

Fiddle example上有您发布的URL没有谷歌地图。我根本不会说意大利语,我应该在输入框中输入什么吗?另外'interactivo'什么都不做(Chrome 16) – Halcyon 2012-01-06 14:23:17

+0

对不起,我刚刚搞砸了。它现在应该在那里。它是葡萄牙语,但是,您必须通过“interactivo”才能查看Google地图。我会在OP中提到它。 – pedropeixoto 2012-01-06 14:29:09

+0

什么是在地图上的JavaScript代码?在mouseover/interactivo悬停期间显示它的JavaScript代码是什么? – danludwig 2012-01-06 14:57:50

回答

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

} 

上面的代码