2

我正在尝试在我的网站中使用谷歌地图 v2,但是该地图没有出现在 Firefox 中,即它出现在 chrome 中。我找不到问题,有谁知道代码中的问题是什么?该地图可在http://www.ideiah.com/contato查看

代码:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyAPPKVsGOmTcBlOo_FkNi4QBn19RKBPMeI" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function MyIndexOf(arr, element)
{

for(i = 0; i < arr.length; i++)
{
    if( arr[i] == element)
        return i;
}
return -1;

}
//]]>
</script>

<script type="text/javascript">
    //<![CDATA[
    //mapGDynamicMap2
    function GetMapIndex(map)
    {
    var currentMapType = map.getCurrentMapType();
    return MyIndexOf(map.getMapTypes(),currentMapType);
    }

    function SetMapIndex(map,mapTypeIndex)
    {
    map.setMapType(map.getMapTypes()[mapTypeIndex]);
    }


    function LoadMapmapGDynamicMap2(){
    var mapGDynamicMap2 = new GMap2(document.getElementById("GDynamicMap2"));
    mapGDynamicMap2.setCenter(new GLatLng(-29.789195,-55.768093), 17);
    mapGDynamicMap2.setMapType(mapGDynamicMap2.getMapTypes()[2]);
    SetMapIndex(mapGDynamicMap2,0);
    mapGDynamicMap2.addControl(new GMenuMapTypeControl());
    mapGDynamicMap2.addControl(new GSmallMapControl());
    mapGDynamicMap2.addControl(new GOverviewMapControl());

    var pointGDynamicMarker7141266 = new GLatLng(-29.789241,-55.768329);
    var GDynamicMarker7141266 = new GMarker(pointGDynamicMarker7141266, {icon:G_DEFAULT_ICON, draggable: false});
    GDynamicMarker7141266.bindInfoWindowHtml('Ideiah Soluções em Software');
    mapGDynamicMap2.addOverlay(GDynamicMarker7141266);

    GEvent.addListener(mapGDynamicMap2, "zoomend", function(){document.getElementById("mapGDynamicMap2ZoomLevel").value=mapGDynamicMap2.getZoom();;
    });
    GEvent.addListener(mapGDynamicMap2, "moveend", function(){document.getElementById("mapGDynamicMap2Center").value=mapGDynamicMap2.getCenter().toUrlValue();;
    });
    GEvent.addListener(mapGDynamicMap2, "maptypechanged", function(){document.getElementById("mapGDynamicMap2MapType").value=GetMapIndex(mapGDynamicMap2);;
    });
    }
    //]]>
</script>

<div>
<span id="mapGDynamicMap2ZoomLevel" value="17"></span>
<span id="mapGDynamicMap2Center" value="-29.789195,-55.768093" ></span>
<span id="mapGDynamicMap2MapType" value="0" ></span>
</div>
<div class="GMPdiv img-polaroid" style="width:90% !important; margin: 0 auto;">
    <div  id="GDynamicMap2" class="GMPmap" style="width:100%;height:200px;"></div>
</div>
<script type="text/javascript">
//<![CDATA[
LoadMapmapGDynamicMap2();//]]>
</script>
4

2 回答 2

3

这是一个 CSS 问题,由style.css中的设置max-width:100%强制img

将此附加到 style.css:

#GDynamicMap2 img{max-width:none !important}
于 2013-01-25T17:37:41.073 回答
0

在 Google Maps API v2 中加载地图的一般规则是:

  1. 在 onload 函数中初始化它们(在 DOM 完全呈现后)或
  2. 在页面的末尾,就在</body>标签之前(这种方法对无效的 HTML 极其敏感,这些错误似乎没有太大问题,但在你修复之前,不能确定问题是什么)

您正在尝试内联初始化您的地图(以上都不是)。

于 2013-01-25T16:46:38.910 回答