Our Google Maps widget provides simple map placement on your site, and integrates your API key, now required by Google.
For the ultimate map styling, our widget allows style themes from Snazzy Maps. Choose from thousands of free custom style themes, or create your own!
- Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
- Current Version: 1.0
- Supported Devices: Desktop, Tablet, Phone
Acquiring an API Key
Note: Google Maps is not affiliated with MuseThemes, and is used as a third-party service integration for our Google Maps widget. The instructions provided below are subject to change, or appear different, if any changes are made at Google.com.
- Go to Google's Map Platform. This link is also in the widget option panel.
- Select an API category. Most users will select "Maps".
- If you have an older Google Maps API, make sure that it is one of these three categories. Google has consolidated the many API types it once had, down to these three. Older API categories outside of these three will not function. If you are unsure, just acquire a new key.
- Move through the series of steps. You will need to choose or create a project and set up billing.
- Carefully read the billing information. For most users, the Google Maps Platform will remain free. However, for certain high traffic sites or sites with specific needs, there may be charges involved.
- At the end of this process, you will be given an API key. Copy it.
Keep your API key secure. To prevent others from using your key, restrict usage to your domain(s). See the tutorial video for details.
Setup in Muse
- Place the widget where you would like the presentation to appear on your site. The widget is fully responsive and can be resized per breakpoint. Pin as needed.
- Open the widget option panel.
- Paste the Google Maps API Key into the first field (see steps in section above for acquiring this key)
- Enter the Latitude and Longitude of your location.
You may be wondering why there are Lat/Long fields in the widget instead of an address field. Google's June 11th changes require that addresses be entered this way. This is not our choice. Use the Latitude/Longitude Finder Tool to help ease the process
- You may be wondering, how would I know the Latitude and Longitude of my address? We've included a handy tool to acquire this information.
- Copy the Latitude and Longitude individually, pasting them into the corresponding fields in the widget.
- Marker Title sets the title of your location on the map. This will be seen when the user hovers over the pin.
- Zoom Level sets the default zoom level when the map is loaded.
- Map Type offers several map display types:
- Hybrid (Roads and Satellite)
**Note: If you are using the Free version of the widget, this section does not apply. Only the standard MuseThemes member version contains Snazzy Maps styling options.
Our widget integrates the awesome service Snazzy Maps. This community offers thousands of map style themes for Google Maps, all licensed under creative commons and are completely free to use.
- To use a Snazzy Maps style theme, open the Snazzy Maps section.
- Enable Snazzy Maps Styling.
- Go to Snazzy Maps.
- Select a theme to use, and click on it.
- Paste the code in the Snazzy Maps Style field back in the widget option panel.
- Repeat this process as needed.
If you discover a Snazzy Maps style that does not work, it is due to the restricted amount of text allowed in a Muse .mucow widget file text field. Certain Snazzy Maps style arrays are larger than the Muse field allows. This is a rare occurrence.
Commonly Asked Questions
No commonly asked questions
No known issues or conflicts
Additional Info Links