Fatal编程技术网
  • javascript/
  • Javascript Google Maps V3：一个页面上有多个地图导致缺少标记（调试）？

Javascript Google Maps V3：一个页面上有多个地图导致缺少标记（调试）？

javascript html debugging google-maps google-maps-api-3

Javascript Google Maps V3：一个页面上有多个地图导致缺少标记（调试）？,javascript,html,debugging,google-maps,google-maps-api-3,Javascript,Html,Debugging,Google Maps,Google Maps Api 3,我在一个页面上有多个谷歌地图 场景： 当单独在页面上使用时，地图会按预期工作 我在同一页上使用了两张地图 工作案例：：） 第一张地图使用未设置样式的标记（默认标记） 第二张地图使用样式化标记[参考：] 两张地图都显示了预期的标记 参考[]处的代码 问题案例：：( 第一张地图使用样式化标记[参考：] 第二张地图使用未设置样式的标记（默认标记） 第一张地图上没有任何标记 参考[]处的代码 即使变量名没有冲突，我也无法理解映射是如何相互影响的。 此外，地图的顺序如何影响它？ 请提供帮助，如

我在一个页面上有多个谷歌地图

场景：

  • 当单独在页面上使用时，地图会按预期工作
  • 我在同一页上使用了两张地图
工作案例：：）

  • 第一张地图使用未设置样式的标记（默认标记）
  • 第二张地图使用样式化标记[参考：]
  • 两张地图都显示了预期的标记
  • 参考[]处的代码
问题案例：：(

  • 第一张地图使用样式化标记[参考：]
  • 第二张地图使用未设置样式的标记（默认标记）
  • 第一张地图上没有任何标记
  • 参考[]处的代码
即使变量名没有冲突，我也无法理解映射是如何相互影响的。

此外，地图的顺序如何影响它？

请提供帮助，如果我遗漏了什么，请询问更多信息。

这是因为您加载API和StyledMarker扩展的方式。请仅执行一次，并尽早执行（最好在
部分）
不要在其他地方包含脚本

在第一个示例中，您加载API，然后再次加载，然后加载StyledMarker扩展，然后调用
map1（）
和
map2（）
。但是由于StyledMarker扩展是最后加载的，所以一切都正常

在第二个示例中，加载API和StyledMarker扩展，然后再次加载API，然后调用
map1（）
并尝试使用样式标记。但是，第二次加载API可能会删除StyledMarker扩展。

我知道我添加了多次css，但这有什么关系，因为客户端浏览器只会下载一次。我没有明白。这似乎与
名称空间有关，因为我正在使用我会尝试一下，然后会得到结果。这解决了问题，我一开始也是这么想的，但工作案例让我想到了其他一些东西。

<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>