Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API信息窗口_Javascript_Google Maps_Google Maps Api 3_Infowindow_Infobubble - Fatal编程技术网

Javascript 谷歌地图API信息窗口

Javascript 谷歌地图API信息窗口,javascript,google-maps,google-maps-api-3,infowindow,infobubble,Javascript,Google Maps,Google Maps Api 3,Infowindow,Infobubble,我有这个谷歌地图(可以在我的网站上使用,不能在JSFIDLE中使用?) 我想使用infobubble而不是infowindow,因为我似乎根本无法用css来设计infowindow的样式。每次我尝试添加一个新的infobubble时,它都会使地图崩溃。在现有问题上运气不太好。好吧,你手头有以下问题: 您没有包括谷歌地图javascript文件 您没有为贴图容器提供对贴图渲染很重要的维度 您将domstener代码放在init代码之前,它在加载html之前执行,因此代码无法找到具有给定ID 修

我有这个谷歌地图(可以在我的网站上使用,不能在JSFIDLE中使用?)


我想使用infobubble而不是infowindow,因为我似乎根本无法用css来设计infowindow的样式。每次我尝试添加一个新的infobubble时,它都会使地图崩溃。在现有问题上运气不太好。

好吧,你手头有以下问题:

  • 您没有包括谷歌地图javascript文件
  • 您没有为贴图容器提供对贴图渲染很重要的维度
  • 您将domstener代码放在init代码之前,它在加载html之前执行,因此代码无法找到具有给定
    ID
修改后的代码运行良好

这是演示

除了重新排序代码,我没有修改任何东西。我放置了以下代码:
google.maps.event.addDomListener(窗口'load',init)

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

并添加了以下CSS:

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

谢谢heaps K K,你知道我要怎么做才能把infowindow换成css可编辑的infobubble吗?或者如何设置信息窗口的css?是的,您可以设置信息窗口的样式。请参阅此帖子上的解决方案:。应该易于实现。我想这个答案会对你有所帮助:明白了,我以前看过,但运气不好,我没有尝试让我的代码与那个例子中我想要的部分一起工作,我只是将我的位置和样式与工作的部分进行了比较。干杯
#map_canvas {
     height: 500px;
     width: 500px;
}