Question

您好我正在构建商店定位器，我在网上找到了这个代码，其工作正常

function generateMarkers(points) {
  //var iconBase = "https://media.nisbets.com/static/content/banners/";
  for (var i = 0; i < points.length; i++) {
    var place = points[i];
    var myLatLng = new google.maps.LatLng(place[0], place[1]);
    var marker = new google.maps.Marker({
      position: myLatLng,
      name: place[2],
      clickable: true,
      map: map,
      icon: /*iconBase + */"nisbets_storelocator_marker.png",
      url: place[3]
    });
    google.maps.event.addListener(marker, 'click', function() {
      window.location.href = this.url;
    });
    setMapBounds(marker.getPosition());
    markers.push(marker);
  }
}

但是，不是重定向到页面的链接，而是我想要一个弹出窗口，其中包含弹出窗口中的位置信息。我需要你的帮助如何将infoWindow添加到我的代码中。谢谢

Answer 1

定义新的InfoWindow

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

为每个标记添加一个事件监听器以打开InfoWindow。

marker.addListener('click', function() {
   infowindow.open(map, marker);
});

参考：https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

Google地图将infowindow添加到标记中

1 个答案: