A lightweight, declarative, composable API for building ambitious map UIs in your Ember apps.
- โ A lightweight Ember API for working with Google Maps.
- โ An on-demand, asynchronous loader for the Google Maps API.
- โ A bulky, verbose wrapper that reimplements the entire Google Maps API.
- โ A whitelist or option validator that is tightly coupled to Google's API.
This addon is maintained by Sander Melnikov.
Feature | |
---|---|
Lightweight wrapper | โ |
Async API loading | โ |
Official Google API | โ |
Leverages templates | โ |
Contextual components | โ |
Minimal observer usage | โ |
Native Ember HTML markers | โ |
If you don't need the Google API specifically, check out ember-leaflet.
Display a map centered around a set of coordinates ๐บ.
Display an array of locations using markers ๐.
Display a custom overlay, like a custom HTML marker using template blocks ๐ฑ. This lets you do all sorts of fancy things, like adding CSS animations and binding data.
git clone https://github.com/sandydoo/ember-google-maps.git
this repositorycd ember-google-maps
yarn
yarn lint:js
yarn lint:js --fix
The dummy app and test suite is run using a live map instance, which means you need an API key. I do not provide API keys for testing โ you need to generate your own.
You can create an API key by following the instructions here: Create API key.
Assign this key to the GOOGLE_MAPS_API_KEY
variable in .env
or just run these lines, making sure to replace INSERT_YOUR_KEY_HERE
with your actual key.
touch .env & echo 'GOOGLE_MAPS_API_KEY=<INSERT_YOUR_KEY_HERE>' > .env
cp .env .env.test
ember test
โ Runs the test suite on the current Ember versionember test --server
โ Runs the test suite in "watch mode"ember try:each
โ Runs the test suite against multiple Ember versions
ember serve
- Visit the dummy application at http://localhost:4200.
For more information on using ember-cli, visit https://ember-cli.com/.
MIT ยฉ Sander Melnikov.