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

## Change the control position
To change the position of most controls on the map, we will modify the `position` property within the `MapOptions` object using `google.maps.ControlPosition`. Here's an example of position the zoom control to the top-center of the map:

```
new google.maps.Map(document.getElementById("map"), {
        ...
	zoomControlOptions: {
		position: google.maps.ControlPosition.TOP_CENTER,
	},
});
```

The `position` property doesn’t fix the location of the control. Instead, it intelligently positions the control around existing control elements.
### Supported control positions
The following control positions are supported by the Google Maps API:

# Change the control position
To change the position of most controls on the map, we will modify the `position` property within the `MapOptions` object using `google.maps.ControlPosition`. Here's an example of position the zoom control to the top-center of the map:

```
new google.maps.Map(document.getElementById("map"), {
        ...
	zoomControlOptions: {
		position: google.maps.ControlPosition.TOP_CENTER,
	},
});
```

The `position` property doesn’t fix the location of the control. Instead, it intelligently positions the control around existing control elements.
## Supported control positions
The following control positions are supported by the Google Maps API:

Learn how to change control element placement on the map.

Introduction

Maps Embed API and its Different Modes

Maps JS API Basics

Controls and Interactions

Events

Drawing on the Map

Conclusion

Appendix

Control Positioning

Change the control position

Supported control positions