google-maps - 什么是谷歌地图 V3 中的 openInfoWindowHtml 和 GPolygon

Question

   var polygon = new GPolygon(polylines[0],"#FFFFFF", 1, 1.0, color,opacity);

  polygon.hid = this.id;
  polygon.heat = this.heat;

   google.maps.event.addListener(polygon, 'click', function(point) {

    HoodsUnselect(active_hood_id);
    active_hood_id = polygon.hid;
polygon.setOptions({fillColor: '#2948e4', fillOpacity: 0.50 });
  //polygon.setFillStyle( { color:'#2948e4',opacity:'0.50' } );

    if (point) {
      map.openInfoWindowHtml(point, the_list);  // open info window where user clicked

    } else {
       map.openInfoWindowHtml(polygon.getBounds().getCenter(), the_list);  // open info window at the center of polygon
    }
  });

Answer 1

除了Tony's answer , 没有 openInfoWindowHtml() v3 API 中的方法。您必须创建一个 InfoWindow 对象，您可以在其上调用 open()或 close()方法。您通常只需要一个 InfoWindow如果您只想同时看到一个对象:

var infoWindow = new google.maps.InfoWindow();

google.maps.event.addListener(yourOverlay, 'click', function () {
   infoWindow.setContent('Some info on yourOverlay');
   infoWindow.open(map);
});

在信息窗口方面，v2 API 和 v3 API 之间的主要区别在于，在 v3 API 中，您可以同时打开多个信息窗口。这在 v2 API 中是不可能的。要打开多个信息窗口，您需要创建多个 InfoWindow对象，而不仅仅是一个用于所有标记(覆盖)。

至于多边形，这是在 v3 API 中创建多边形的方法(借用示例 mentioned by @Tony ):

var bermudaTriangle = new google.maps.Polygon({
  paths: [
    new google.maps.LatLng(25.774252, -80.190262),
    new google.maps.LatLng(18.466465, -66.118292),
    new google.maps.LatLng(32.321384, -64.75737)
  ],
  strokeColor: "#FF0000",
  strokeOpacity: 0.8,
  strokeWeight: 3,
  fillColor: "#FF0000",
  fillOpacity: 0.35
});

bermudaTriangle.setMap(map);