在同一页面上更多谷歌地图的不同阵列

Question

我的谷歌地图有问题，从这个例子中传递：`点击here

我想在同一页面上创建两个不同制作者和不同路径的地图，这些路径似乎无法将新值传递到谷歌地图以获取基于值的不同画布地图传递给函数。

在我的示例中：点击here澄清了我的问题。

<p class="openmap" data-id="map">click here for map<p>
<p class="openmap" data-id="map1">click here for map1<p> 
....

在真实脚本中，变量“posts”更复杂，并从html表（两个或更多）生成坐标。 有人知道如何修复？

Answer 1

问题从这里开始：

function Tour_startUp(stops) {
    if (!window.tour) window.tour = {
      //code
    }
}

很明显Tour_startUp在第二次调用时无效，因为在进一步调用时，条件if (!window.tour)将为false。结果：两个映射都将使用第一次调用时提供的相同stops - 参数。

重新考虑应用程序的设计，避免使用全局变量并使用OOP。