EPiServer Google Maps editor on NuGet

Denna artikel har migrerats från en tidigare version av vår webbplats och kan därför avvika i utseende och funktionalitet.

Den här artikeln är inte översatt till svenska och visas därför på engelska istället.

The Google Maps editor, for editing coordinates in EPiServer, can now easily be added to any EPiServer 7.5 website through EPiServer's NuGet feed.

Uppskattad lästid : 2 minuter

Gå till avsnitt

The editor can be used to edit any string property, or a complex property (i.e. block type) with two float properties called Longitude and Latitude:

image

How to use

Install the EPiServer.GoogleMapsEditor package from the EPiServer NuGet feed:

image

To enable the editor for a property, simply create an editor descriptor or add a ClientEditor attribute setting the editor class (i.e. dijit type) to “tedgustaf.googlemaps.Editor”:

image

You are now able to specify coordinates by right-clicking a map, or by searching for an address or location using Google Places:

image

Should the need arise, the custom editor can always be removed, leaving readable and editable property values:

image

The package is called EPiServer.GoogleMapsEditor and is available in the EPiServer NuGet feed.

Note: Google API key requirement

Since June 2016, Google requires an API key for the Maps API. In order for the editor to work for websites launched after June 2016, or for development on localhost, you need to acquire an API key and add it in the Editor.js file. This has been fixed in version 1.0.8 of the NuGet package.