在Firefox中显示谷歌地图时出错

Question

我在firefox中显示google地图时遇到问题。

如何在Firefox中显示地图？
我如何设置地图以显示地图中间的经度和纬度？

这是我的代码：

Answer 1

您需要在显示之前为地图div指定大小，或者在地图显示后触发地图上的调整大小事件（google.maps.events.trigger(map, 'resize');其中“地图”是google.maps.Map对象）。

Answer 2

这是您显示地图的方式：

<强> HTML

<div id="map_go"></div>

<强> JS

<script>
directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer();

var PortoAlegre = new google.maps.LatLng(-30.034176, -51.229212);
var myOptions = {
    zoom: 14,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: PortoAlegre
}

map = new google.maps.Map(document.getElementById("map_go"), myOptions);
directionsDisplay.setMap(map);
</script>

<强> CSS

#map_go {border: 1px solid red; width: 95%; height: 350px;}

看到它在这里工作：http://jsfiddle.net/RASG/PfggR/

如geocodezip所述，您必须设置div（宽度和高度）的大小