API_KEY

A Beginner's Guide to the Google Maps API.png

google_maps.tar.gz

cluster_markers

Google Maps is one of the most utilized services in the world. Its APIs are among the best available for creating interactive digital maps. There’s a wide range of use cases for maps, including ride-hailing apps, looking up new restaurants, and even checking out the traffic situation on roads.

In this course, you’ll be introduced to two of Google Maps’s most utilized APIs: Embed Maps API and Maps JavaScript API. Through examples and code exercises, you will master key concepts of Google Maps development, including drawing, events, controls, and interactions.

By the end of this course, you’ll be ready to create impressive web applications with unique and interactive maps.

A Beginner's Guide to the Google Maps API

By default, a marker's image is the Google Maps pushpin icon. However, we can customize the marker's visual appearance by setting a custom image as the marker's icon and adding text within a marker.

## Markers with image icons

An image as a marker’s icon can be specified in place of the default Google Maps pushpin icon. To do this, we set the marker’s `icon` property to the URL of an image. The following is an example of a custom icon—an image of a mountain—that’s set for the marker:

By default, a marker's image is the Google Maps pushpin icon. However, we can customize the marker's visual appearance by setting a custom image as the marker's icon and adding text within a marker.

# Markers with image icons

An image as a marker’s icon can be specified in place of the default Google Maps pushpin icon. To do this, we set the marker’s `icon` property to the URL of an image. The following is an example of a custom icon—an image of a mountain—that’s set for the marker:

Learn how to customize a marker's image and add marker labels.

Introduction

Maps Embed API and its Different Modes

Maps JS API Basics

Controls and Interactions

Events

Drawing on the Map

Conclusion

Appendix

Marker Customization

Markers with image icons