good-map - Vaadin Add-on Directory
A simple custom element wrapper for Google Maps JavaScript API
**[ This description is mirrored from README.md at [github.com/keanulee/good-map](https://github.com//keanulee/good-map/blob/v0.0.1/README.md) on 2019-05-10 ]**
# good-map
`` is a simple custom element wrapper for [Google Maps JavaScript API](https://developers.google.com/maps/documentation/javascript/).
## Installation
Include [good-map.js](good-map.js) somewhere on your page (`async`/`defer` are optional):
```html
```
Alternatively, use an HTML import to include [good-map.html](good-map.html):
```html
```
## Usage
Create a `` element anywhere on your page. Be sure to style the element with `display: block` and give it a height. You can also specify `zoom`, `latitude`, `longitude`, and `map-options` attributes:
```html
```
Attributes on `` are used for map initialization only and are not updated when the user interacts with the map. For interactive functionality, listen for the `google-map-ready` event and use `goodMap.map` or `event.detail` to access the underlying instance of [`google.maps.Map`](https://developers.google.com/maps/documentation/javascript/3.exp/reference#Map).
GitHub HomepageView on GitHub
Issue tracker
Online Demo
good-map version 0.0.1
### Dependencies