Question

我有一张带有很多针脚的地图。现在，当用户点击一个引脚时，查看窗口会自动移动到引脚的中心位置。

我希望用户看到已固定的位置列表。当他们单击列表中的某个位置时，地图会自动与引脚对齐并打开InfoWindow。所以我基本上希望用户点击某个引脚具有相同的功能，但没有让它们实际点击它。我想通过函数调用来完成它。

每个引脚显然都有一个我设置的唯一ID号。

所以可能是这样的：

$("#locationOnList-17").on("click", function(pinID) {
  // What could go in here to mimic a physical pin click and have it center and open the InfoWindow? I don't think I would even need to invoke the map.setCenter(location) function.
};

编辑：

哦......我想我找到了一些东西：Maps Example

  function myclick(i) {
    google.maps.event.trigger(gmarkers[i], "click");
  }

因此，您需要为引脚分配一个ID号，然后进行上述功能并传入ID号，并使用google.maps.event.trigger函数模拟点击。这就是我所缺少的。

Answer 1

addMarker = new google.maps.Marker({
    position: new google.maps.LatLng(PoiLat, PoiLon),
    html: 'any Information',
    map: map
});

infowindow = new google.maps.InfoWindow();
google.maps.event.addListener(addMarker, 'click', function(event) {

        infowindow.setContent("<div class=infoWndw style=height:160px;width:360px>" + this.html + "</div>");
        infowindow.open(map, this);
    }
});

如何通过函数选择引脚并重新聚焦到该引脚的InfoWindow？

1 个答案: