Required for this example
In order to use this example in the editor, you will need to supply your own Google Maps API key.
Links for this example
About this example This example is based on the following:
Google Maps Marker Clustering
Google Maps Custom Controls
A database collection called Locations contains the locations that will be marked on the map. A query is performed on the collection, and an array of Locations is created and passed to the HtmlComponent with postMessage().
The code in the HtmlComponent is based on Google’s map example code and was modified for messaging with the web site page.
Replace the string GOOGLE_MAP_API_KEY in the HtmlComponent code with your own API key. See the forum post Secure a Google Maps API key in an HtmlComponent for details on how to protect your API key.