JavaScript by Example

Adding Google Maps with a marker

We have successfully included the Google Maps script on the page. When the Google Maps script finishes loading, it will call the initMap function we declared in the about.js file. Now, we will use that function to create the map with a marker pointing to the location of the JS Meetup Event.

The process of adding Google Maps with a marker and more functionalities is well explained in the Google Maps documentation, available at: https://developers.google.com/maps/documentation/javascript/adding-a-google-map. 

The Google Maps script we included earlier provides us with a few constructors that can create map, Marker, and infowindow. To add a simple Google Maps with marker, add the following code inside the initMap() ...