Basic Google Maps with autocomplete property editor for Umbraco 8+ including property value converter.
Package | NuGet |
---|---|
Our.Umbraco.GMaps | |
Our.Umbraco.GMaps.Core |
For Umbraco 8 or 9, use version 2.1.3
- 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 anint
as it should be (was astring
). - 2.0.7: Added ability to re-center the map via Editor Actions and can now directly input a set of coordinates.
- Multi-targeting Umbraco 10+
- 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
Use NuGet to install Our.Umbraco.GMaps:
Install-Package Our.Umbraco.GMaps
- 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.
Username: [email protected]
Password: Password123
Special thanks to:
- ronaldbarendse for all his contributions to this project
- prjseal for the Visual Studio project setup and included demo-site
- robertjf for making the Umbraco 9 version a reality, and continuously accepting and testing PR's and setting up release automation #h5yr