An open API service indexing awesome lists of open source software.

https://github.com/nora-soderlund/google-maps-examples

A collection of Maps JavaScript API examples from my developer blog.
https://github.com/nora-soderlund/google-maps-examples

google maps

Last synced: about 1 year ago
JSON representation

A collection of Maps JavaScript API examples from my developer blog.

Awesome Lists containing this project

README

          

# Google Maps Examples
This repository is a collection of Google Maps examples from articles on my [developer blog](https://nora-soderlund.se/).

All examples are written in JavaScript using the [Maps JavaScript API](https://developers.google.com/maps/documentation/javascript/overview).

## Trying the examples through pages
This repository is hosted through Cloudflare Pages and all examples can be tested directly through the https://google-maps-examples.nora-soderlund.se/ url.

However, as I do not want to be responsible for billing for examples tested through Cloudflare Pages, you must append your own Maps JavaScript API key in the search parameters.

If you do not wish to use your own API key, you can still try all of the examples on its respective article on my blog.

| Article | Cloudflare Pages |
| ------- | ------------ |
| [Capturing Google Maps markers inside a polygon](https://nora-soderlund.se/articles/capturing-google-maps-markers-in-a-polygon) | [Capture markers in a drawn polygon](https://google-maps-examples.nora-soderlund.se/capturing-google-maps-markers-in-a-polygon/?key=API_KEY) |
| [Using Google Maps markers as anchors](https://nora-soderlund.se/articles/using-google-maps-markers-as-anchors) | [Using markers as anchors](https://google-maps-examples.nora-soderlund.se/using-google-maps-markers-as-anchors/?key=API_KEY) |
| [Bundling several Google Maps markers together](https://nora-soderlund.se/articles/bundling-several-google-maps-markers-together) | [Multiple markers at the same position](https://google-maps-examples.nora-soderlund.se/bundling-several-google-maps-markers-together/?key=API_KEY) |