Google Maps API 3

CHAPTER 6 ■ MARKER ICONS
Figure 6-12. Some of the points for the shape
var shape = {
type: 'poly',
coord: [4,4, 29,4, 29,29, 22,29, 17,35, 16,35, 10,29, 4,29, 4,4]
}
Now you’ve defined the shape. To apply it to the custom marker, you add it using the shape property
of the MarkerImage object:
// Adding a marker to the map
var marker = new google.maps.Marker({
position: new google.maps.LatLng(40.756054, -73.986951),
map: map,
icon: wifi,
shadow: shadow,
shape: shape
});
Looking at the result that this code produces, you now have a map with a complex marker that has
both a shadow and a defined clickable area (Figure 6-13).
Figure 6-13. A complex marker icon with a shadow and a defined clickable area
108