什麼是openInfoWindowHtml和GPolygon在谷歌地圖V3

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之外，v3 API中沒有openInfoWindowHtml()方法。您必須創建一個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); 

Answer 2

的V3等效GPolyline的是Polyline和GPolygon是Polygon。這些都包含您可以聽取的點擊事件。

更好的是，Google提供了Polyline examples和Polygon examples，其中包括one that listens for clicks and opens an infowindow。