Our.Umbraco.GMaps.Core 2.0.1

Our.Umbraco.GMaps - Google Maps for Umbraco 8+

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

Features

• 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

Install

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

Configuration

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

Umbraco 8

Add the following keys to your web.config AppSettings node:

	
	<add key="GoogleMaps:ApiKey" value="" /> 
	<add key="GoogleMaps:DefaultLocation" value="" /> 
	<add key="GoogleMaps:DefaultZoom" value="17" /> 

Umbraco 9

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

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!