谷歌地图API信息窗口

Question

我有这个谷歌地图(在我的网站上工作，不能让它在jsfiddle工作?)

jsfiddle.net/9ZcwX/1/

我想用一个信息泡泡代替信息窗口，因为我不能用css样式的信息窗口似乎。每次我想添加一个新的信息泡泡，它就会崩溃。对现有的问题不太满意

Answer 1

嗯，你的小提琴有以下问题:

• 你没有包含google maps javascript文件
• 你没有提供地图容器的尺寸，这对渲染地图很重要。
• 您将DomListener代码放在初始化代码之前，它在html加载之前执行，因此代码无法找到给定ID的div

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

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

我没有修改任何东西，除了重新排序代码。我放置了这个代码:google.maps.event.addDomListener(window, 'load', init);

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

并添加了以下CSS:

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