## Overview

The Maps JavaScript API offers a variety of options to integrate Google's Place data into your apps.

### Place class

The [Place class](https://developers.google.com/maps/documentation/javascript/place.md.txt) is the canonical API representation of a location used in the Places Library. With the Place class, you can make detailed location data available to your users through an intelligent search feature that you can customize to suit your needs. Data from the Places service represents one of the most accurate, up-to-date, and comprehensive place models of the real world.

### Places UI Kit

The [Places UI Kit](https://developers.google.com/maps/documentation/javascript/places-ui-kit/overview.md.txt) is an easy-to-use, customizable, and low-cost component library that lets you bring familiar and trusted Google Maps user experiences to your apps. Places UI Kit elements are available in the [Places Library](https://developers.google.com/maps/documentation/javascript/places) and the [Elevation Library](https://developers.google.com/maps/documentation/javascript/elevation.md.txt).
**Place class** <iframe src="https://maps-docs-team.web.app/samples/place-class/dist/" allow="fullscreen; "></iframe>

The Place class provides an API for using the Places library,
and supports modern usage patterns such as Promises.
With the Place class, you can create location-aware features in your
app and make detailed location data available to your users through an intelligent search feature
you customize to your needs. The data from the Places service is one of the most accurate,
up-to-date, and comprehensive place models of the real world.
**Use Maps JavaScript API features**
- [Add markers to a map](https://developers.google.com/maps/documentation/javascript/advanced-markers/overview.md.txt)
- [Use the Places library to get location data](https://developers.google.com/maps/documentation/javascript/place.md.txt)
- [Customize the map's style and colors](https://developers.google.com/maps/documentation/javascript/cloud-customization.md.txt)
- [Add interactive data layers](https://developers.google.com/maps/documentation/javascript/dds-datasets/overview.md.txt)
- [Display administrative boundaries](https://developers.google.com/maps/documentation/javascript/dds-boundaries/overview.md.txt)
- [Add a WebGL graphic overlay](https://developers.google.com/maps/documentation/javascript/webgl/webgl-overlay-view.md.txt)
**Work with Maps JavaScript API services**
- [Elevation](https://developers.google.com/maps/documentation/javascript/elevation.md.txt)
- [Geocoding](https://developers.google.com/maps/documentation/javascript/geocoding.md.txt)
- [Maximum Zoom Imagery](https://developers.google.com/maps/documentation/javascript/maxzoom.md.txt)
- [Street View](https://developers.google.com/maps/documentation/javascript/streetview.md.txt)