Google Maps API 3

CHAPTER 2 ■ TRANSFERRING FROM VERSION 2 TO 3
Figure 2-3. In v3 it’s possible to have several InfoWindow objects open at the same time, something that was
impossible in v2.
In some ways, InfoWindow objects were easier to use in v2, but in v3 they are more powerful and
conform better to how the other overlay objects work.
Here’s an example of how to tie an InfoWindow to a marker and open it on the marker’s click event.
In v2 you can just call the openInfoWindowHtml() method of the Marker object. In v3 you need to first
create an InfoWindow object and then open it using its open() method.
Version 2
// Add a click event to a marker that will open an InfoWindow
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml('Some text');
});
Version 3
// Create a new InfoWindow object
var infoWindow = new google.maps.InfoWindow({
content: 'Some text'
});
// Add a click event to a marker
google.maps.addListener(marker, 'click', function() {
// Add the InfoWindow to the map
infoWindow.open(map, marker);
});
15