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

Question

我在 Firefox 中显示谷歌地图时遇到问题。

如何在 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（宽度和高度）的大小