谷歌地图API带有信息窗口的多个标记

我刚刚开始接触谷歌地图 API。

我正在尝试在地图上绘制几个标记。完毕。然而，我正在为每个标记回收一个变量/对象。

我最初使用选项创建标记并添加到地图，然后采用相同的标记变量，重新调整其用途，然后再次将其添加到地图。这确实会产生两个带有单独标题标签的唯一标记。

我想为每个标记显示一个信息窗口，但我不确定最好的方法是什么。我还看到为每个标记分配点击事件时弹出一个麻烦标志，因为我使用相同的变量来添加每个标记，我不确定如何将其点击事件添加到唯一标记（按名称，因为名称是两者都一样，因为它从未收到任何 id？）

var marker_obj = new google.maps.Marker({
    position: myLatlng,
    title:"This is Marker 1",
});

marker_obj.setMap(map);

marker_obj = new google.maps.Marker({
    position: myLatlng,
    title:"This is Marker 2",
});

marker_obj.setMap(map);

为了创建信息窗口，我想到使用一个变量/对象来保留信息窗口，然后在每个标记单击事件中使用新文本重新调整它的用途。

我的问题是：

1：我应该为每个标记使用单独的唯一变量/对象（开销？），如果不是，我如何识别其点击事件。

2：在弹出信息窗口对象之前用新文本重新调整其用途（重新分配）是否可以，或者我应该为每个标记创建一个唯一的信息窗口？

我是一个 Java 新手，所以任何帮助将不胜感激。

你的做法是对的。拥有一个信息窗口对象就像拥有一个标记对象一样。然后，信息窗口的内容会根据您单击的标记而变化。需要注意的一件事（如果您在循环内创建标记，也会发生这种情况），危险是所有信息窗口最终都会显示最后一个信息窗口的内容。因此，让我们创建一个更新内容的新函数。

另外，顺便说一句，您不必在标记对象上调用 setMap() 函数，您只需在创建标记时传递的选项中指定地图属性即可。

var infowindow = new google.maps.InfoWindow({
    content: ''
});

var marker_obj = new google.maps.Marker({
    position: myLatlng,
    title:"This is Marker 1",
    map: map
});

bindInfoWindow(marker_obj, map, infowindow, 'Marker 1');

marker_obj = new google.maps.Marker({
    position: myLatlng,
    title:"This is Marker 2",
    map: map
});

bindInfoWindow(marker_obj, map, infowindow, 'Marker 2');

然后是一个新函数：

function bindInfoWindow(marker, map, infowindow, html) {
    marker.addListener('click', function() {
        infowindow.setContent(html);
        infowindow.open(map, this);
    });
}