Google Maps API 3

CHAPTER 5 ■ X MARKS THE SPOT
This little snippet of code will put a marker on the map. It has the look of the default Google Maps
marker, and you can’t do anything with it really, but it dutifully marks a spot on the map, as shown in
Figure 5-3.
Figure 5-3. A simple marker
Adding a Tooltip
The first thing you might want to do is to add a tooltip to the marker. A tooltip is a yellow box with some
text in it that appears when you hold the mouse pointer over an object. To add a tooltip to a marker,
you’ll use the property title. It’s as simple as setting the title property of the MarkerOptions object
(Listing 5-3).
Listing 5-3. Adding a Title to the Marker
// Adding a marker to the map
var marker = new google.maps.Marker({
position: new google.maps.LatLng(40.7257, -74.0047),
map: map,
title: 'Click me'
});
Doing this will add a nice little tooltip to the marker when you hold the mouse pointer over it, as
shown in Figure 5-4.
75