2012-03-06 50 views
3

我在一个页面上有多个谷歌地图。谷歌地图V3:页面上多个导致缺少标记(DEBUG)的地图?

场景:

  • 地图正在页面上单独使用时预期。
  • 我在同一页面上使用了2张地图。

工作案例: :)

问题机身请参照代码: :(

即使没有变量名的冲突,我也无法理解地图是如何相互影响的。

此外,地图的顺序如何影响它呢?

请帮忙,索取更多信息,如果我错过了一些东西。

回答

2

这是因为您加载API和StyledMarker扩展的方式。只做一次,尽早(最好在<head>部分)。

<html> 
<head> 
    <script src="http://maps.googleapis.com/maps/api/js?v=3.6&sensor=true&language=en-us"></script> 
    <script src="/site_media/js/google_maps/StyledMarker.js"></script> 
</head> 

不要在其他地方包含脚本。

在第一个示例中,加载API,然后再次执行该操作,然后再添加StyledMarker扩展,然后调用map1()map2()。但是因为StyledMarker扩展最后被加载,所以一切正常。

在第二个示例中,加载API和StyledMarker扩展,然后再次加载API,然后调用map1()并尝试使用样式标记。然而,第二次加载API可能已经消除了StyledMarker扩展。

+0

我知道我多次添加css,但是由于客户端浏览器只会下载一次,所以这很重要。 我没有得到你。 – 2012-03-06 11:53:03

+0

请详细说明.. – 2012-03-06 11:53:22

+0

按要求详细说明。 – 2012-03-06 12:07:34