Gmap api3和bootstrap =灰色块

我正在将一些旧代码更新到Google Maps API v3，我无法让地图显示任何内容。 将map对象转储到控制台显示地图已正确初始化，并且应该在正确的div中加载 – 但除灰色框外没有任何显示。

我为map div设置了宽度/高度和溢出，因为这似乎是最常见的问题。

但是，我不能让这个工作。 有任何想法吗？

http://jsfiddle.net/Nbjrf/1/

谢谢

Answer 1

你有mapTypeId常量引号，’google.maps.MapTypeId.HYBRID’; 它是一个常量，而不是一个字符串：google.maps.MapTypeId.HYBRID

此外，您需要提供地图中心和缩放级别。 这有效：

 var mapInitOpts = { mapTypeId: google.maps.MapTypeId.HYBRID, center: new google.maps.LatLng(-32.891058,151.538042), zoom: 16 }; map = new google.maps.Map(document.getElementById("map_canvas"), mapInitOpts); 

最后，您不再需要提供API密钥。

Answer 2

这对我有用。

两者之间有很大的不同

 var maptype = 'google.maps.MapTypeId.HYBRID'; var mapInitOpts = { mapTypeId: maptype }; 

和

 var mapInitOpts = { mapTypeId: google.maps.MapTypeId.HYBRID }; 

在一个实例中，您将mapTypeId与文本’google.maps.MapTypeId.HYBRID’对齐，而另一个实例则为mapTypeId指定变量google.maps.MapTypeId.HYBRID的值。

为了你的榜样，你应该至少放

 var maptype = google.maps.MapTypeId.HYBRID; 

不

 var maptype = 'google.maps.MapTypeId.HYBRID'; 

此外，我不能让我的例子没有缩放工作：和中心：。 那些可能是必需的。