https://github.com/robthree/mapsexample
https://gathering.tweakers.net/forum/list_messages/2218764
https://github.com/robthree/mapsexample
Last synced: 12 months ago
JSON representation
https://gathering.tweakers.net/forum/list_messages/2218764
- Host: GitHub
- URL: https://github.com/robthree/mapsexample
- Owner: RobThree
- License: mit
- Created: 2023-11-22T12:54:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-22T17:48:02.000Z (about 2 years ago)
- Last Synced: 2024-10-25T13:23:11.038Z (over 1 year ago)
- Language: HTML
- Size: 20.5 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Google Maps Example
For [topic 2218764](https://gathering.tweakers.net/forum/list_messages/2218764): A demonstration of a simple Google map with display of customers by group (in this case "partner").
Note that this is old code that I dug up and quickly patched up to work in a modern browser. **Unfortunately I am unable to offer any support on this 'project'**
## Quickstart
* [Get yourself a Google API key](https://developers.google.com/maps/documentation/javascript/get-api-key) and make sure it is enabled/activated.
* Put the API key in the [`index.html`](https://github.com/RobThree/MapsExample/blob/3a40d2d378f258ca448222b01f2104201fb471b6/index.html#L11) file as indicated.
* The markers are based on the partner-id; you will want to change the [`getMarker`](https://github.com/RobThree/MapsExample/blob/3a40d2d378f258ca448222b01f2104201fb471b6/index.html#L207) method to something of your liking
## Known bugs / issues
* After changing the group selection ("partner" in this case) you need to click outside the "dropdown" to update the map. This should be [an easy fix](https://github.com/RobThree/MapsExample/blob/3a40d2d378f258ca448222b01f2104201fb471b6/index.html#L281)