Practical Google Maps APIs for Frontend Developers

This lecture gives an overview of the topics covered in this section.

This lecture explains a map and how Google Maps API helps developers.

This lecture explains what a position is and how it can be used to specify a location on the Earth's surface.

This lecture explains what a latitude is with an example.

This lecture explains what longitude is with an example.

This lecture explains zoom and introduces commonly used zoom levels.

This lecture explains what a marker is and how a marker is used to indicate points of interest on a map.

This lecture explains a path and how it can show connections between locations.

This lecture explains InfoWindow and its use case.

This lecture explains what is geocoding and why it's needed.

This lecture gives an overview of the topics covered in the Static Maps section.

This lecture highlights the main features of the Static Map API.

This lecture explains the various use cases for the Static Map API.

This lecture demonstrates the playground used throughout the course for hands-on experience.

This lecture explains how to implement Google Static Maps into a web application.

This lecture explains how to specify locations on a Google Static Map.

This lecture explains Zoom and how to configure Zoom on a static map.

This lecture explains how to define the size of a Google Static Map.

This lecture introduces various map types available for a Google Static Map.

This lecture explains adding and configuring markers on a Google Static Map.

This lecture explains adding paths to a Google Static Map.

This lecture explains configuring the viewport on a Google Static Map using the visible parameter.

This lecture explains the limitations of Google Static Map API.

This lecture explains the code for the Static Map API playground.

This lecture gives an overview of the topics covered in the Embed API section.

This lecture highlights the main features of the Embed API.

This lecture demonstrates the playground used throughout the course for hands-on experience.

This lecture explains how to implement Google Maps Embed API into a web application.

This lecture explains various map modes supported by the Google Maps Embed API.

This lecture explains the Place map mode.

This lecture explains the View map mode.

This lecture explains the Directions map mode.

This lecture explains the Search map mode.

This lecture explains the code for the Embed API playground.

This lecture explains how to generate a Map ID required for using advanced features in JavaScript API.

This lecture explains how to load and initialize Google Maps JavaScript API in the code.

This lecture demonstrates the playground used throughout the section for hands-on experience.

This lecture explains how to configure the default UI controls shown on the map and add custom UI control elements.

This lecture explains how to easily style a map using the Google Cloud Console.

This lecture explains how to add a marker with Maps JavaScript API.

This lecture explains how to show an InfoWindow on a map to provide details about a marker.

This lecture explains how to use clustering to group markers on a map by zoom level.

This lecture explains how to add shapes to a map.

This lecture explains using the Places Library to search locations and fetch details.

Overview of the demo project to see web components in action.

• Effortlessly build interactive map with advanced markers with gmp-map and gmp-advanced-marker web components.

• Show InfoWindow when a marker is clicked.

• Show place details using the gmpx-place-overview web component