Creating your own events

Events are very important for JavaScript programming, and all JavaScript frameworks and APIs give developers access to some predefined event types related to their classes. The Google Maps JavaScript API is doing the same, and it gives us the most used event types with their classes. But what if you need a custom event type?

The Google Maps JavaScript API has a base class named google.maps.MVCObject that is the top class that most of the classes inherit. The class is ready for using in custom events with the google.maps.event namespace.

In this recipe, we will create a custom object with the google.maps.MVCObject class and bind it to a custom event to create your own events. The usage of the custom event cannot be a real-world case, but it will give you an idea about listening and firing your own events.

Getting ready

This recipe is still using the same map creation process defined in Chapter 1, Google Maps JavaScript API Basics, but there are some additional code blocks...