Blog

Introduction: This tutorial shows how to use event listeners with simple click events. When a marker is clicked, this function listens for the click event and zooms the map. After 3 seconds, it listens for the center changed event and pans the map back to the marker. User events (such as mouse click...

Introduction: In this tutorial, we will learn how to listen to DOM Events. Custom events are created and managed through the Maps JavaScript API event model. The DOM (Document Object Model) within the browser, on the other hand, develops and dispatches its own events based on the browser event model...

Introduction: In this tutorial, we will learn on how to get properties with the help of the Event Handlers. Below example listens for the zoom_changed event and updates an info window when the zoom level changes. When triggered, none of the MVC state change events in the Maps JavaScript API event ...

Introduction: In this tutorial, we will learn how to get the longitude and latitude of the map coordinates from the click Event. This example listens for the click event, retrieves the click’s latitude and longitude coordinates from google.maps.MapMouseEvent.latLng, and displays those coordina...

Introduction: In this tutorial, we will learn to create a map with tappable markers displaying a secret message. It is frequently desirable to have both private and persistent data associated to an object when performing an event listener. JavaScript does not offer “private” instance dat...