javascript - 谷歌地图 API 信息窗口

Question

我有这个谷歌地图（在我的网站上工作，不能让它在 jsfiddle 中工作？）

jsfiddle.net/9ZcwX/1/

我想使用 infobubble 而不是 infowindow，因为我似乎根本无法使用 css 设置 infowindow 的样式。每次我尝试添加新的信息气泡时，它都会使地图崩溃。对现有问题没有太多运气。

Answer 1

好吧，您的小提琴中有以下问题：

• 您没有包含谷歌地图 javascript 文件。
• 您没有为地图容器提供尺寸，这对于地图的渲染很重要。
• 您将 DomListener 代码放在 init 代码之前，并且它在加载 html 之前执行，因此代码无法找到给定的 divID

修改后您的代码可以正常工作。

这是演示：http: //jsfiddle.net/lotusgodkk/x8dSP/3605/

除了重新编码之外，我没有修改任何内容。我放置了这段代码：google.maps.event.addDomListener(window, 'load', init);

在末尾而不是开头并添加了必要的 javascript 文件。

并添加了以下 CSS：

#map_canvas {
     height: 500px;
     width: 500px;
}