Our.Umbraco.GMaps - Google Maps for Umbraco

Basic Google Maps with autocomplete property editor for Umbraco 8+ including property value converter.

For Umbraco 8 or 9, use version 2.1.3

Change Log

3.0.0: Removed support for Umbraco 8 & 9, allowing us to cleanup the codebase. Now a Razor Class Library.
2.1.3: Better support for installation on Umbraco 11.
2.1.0: Breaking change - MapConfig.Zoom is now an int as it should be (was a string).
2.0.7: Added ability to re-center the map via Editor Actions and can now directly input a set of coordinates.

Search for address using autocomplete and place marker
Enter coordinates in place marker
Click on exact location on map to place marker
Drag marker around
Set default location & zoomlevel on Data Type settings
Zoomlevel is saved on the property to use the same zoomlevel on your website
Centerpoint is saved on the property to use the same centerpoint on your website different than the marker.
MapType is saved on the property to use the same maptype on your website
Use your SnazzyMaps API key to set mapstyles

Enable the following Google Maps API on https://console.cloud.google.com/home/dashboard
- Maps Javascript API
- Geocoding API
- Place API

You can configure the API Key along with other settings directly in AppSettings as per below:

Add the following to your appsettings.json file or equivalent settings provider (Azure KeyVault, Environment, etc.):

  "GoogleMaps": {
    "ApiKey": "",
    "DefaultLocation": "",
    "ZoomLevel": 17
  }

These settings can be overridden by configuring the relevant properties of the Data Type prevalues.

Special thanks to ronaldbarendse for contributing to this project #h5yr!

Special thanks to prjseal for the Visual Studio project setup and included demo-site #h5yr!

Special thanks to robertjf for contributing to this project and setting up the Release Workflow #h5yr!