google-maps - Google Maps API v2 不适用于 Firefox 和 IE

标签 google-maps google-maps-api-2

我正在尝试在我的网站中使用谷歌地图 v2,但是该 map 不会出现在 Firefox 和 IE 中,但会出现在 chrome 中。我找不到问题,有谁知道代码中的问题是什么? map 可在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>

最佳答案

这是一个 CSS 问题,由 style.cssimg 的设置 max-width:100% 强制执行。

将其附加到 style.css:

#GDynamicMap2 img{max-width:none !important}

关于google-maps - Google Maps API v2 不适用于 Firefox 和 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14514618/

相关文章:

android - 当我将 Google Map Api v2 用于 map 时,我无法添加 Google Play 服务库

javascript - 弹跳标记,缩放后不弹跳

android - 如何使用 Google Maps android API v2 获取我的位置更改事件?

javascript - Google map v3 API 今天发生变化?

java - 谷歌地方 API : refresh Place IDs with Java

android - 在 android 中使用 google direction api 进行 GPS 跟踪

google-maps - Google map Javascript API 与 KML 层?

javascript - 在不覆盖 iPhone 滚动行为的情况下在页面上嵌入 Google map

java - Google map api 获取致命异常 : java. lang.NullPointerException:尝试获取空数组的长度

放大时Android MapView覆盖消失