javascript - 使用 Google map 触发标记和标记簇上的点击事件

Question

标记和标记簇上的 InfoWindow 一切正常，除了所有标记和标记簇在页面加载时无法触发。

这是我到目前为止的代码。 (请参阅我的 JSFiddle )

如何默认触发所有标记和标记簇上的点击事件？我添加了 google.maps.event.trigger(marker, 'click') 但它不起作用。

我需要在初始化函数中更改什么才能使其正常工作？

Answer 1

例如https://jsfiddle.net/jacobgoh101/7Lg1q5fL/7/

问题是只有一个 infoWindow 变量。每当您单击该标记时，它都会覆盖以前的信息窗口。所以一次只能有1个infoWindow。

因此，您必须创建多个 infoWindow 变量，并在初始化标记后立即设置它们，而不是单击后。

  for (i = 0; i < clusterMarkers.length; i++) {
    var marker = clusterMarkers[i];

    var newInfoWindow = new google.maps.InfoWindow();
    newInfoWindow.setContent("<a target=\'_blank\' href=\'" + marker.getTitle() + "\'>" + marker.getTitle() + "</a><br />" + marker.content + "kWh");
    newInfoWindow.open(gm_map, marker);
    infoWindowArray.push(newInfoWindow);

    // ...........
  }

(您的代码有点困惑，所以我只编辑必要的部分来给您提供想法。希望这足以让您在此基础上进行构建。)