👁 Image
XperienceCommunity.MapLocationSelector 2.1.0

Xperience Community: Map Location Selector

Description

Adds a map selector UI form component for Xperience by Kentico admin site. Can be used for content type fields and page builder widget fields.

Screenshots

The UI form component can be used for fields on a content type, and renders like this on the content tab: <a href="src/images/content-type-property.PNG"> <img src="src/images/content-type-property.PNG" width="600" alt="Map location selector in content type"> </a>

The component can also be used for widget properties and looks like this on the widget configuration window: <a href="src/images/widget-property.PNG"> <img src="src/images/widget-property.PNG" width="600" alt="Map location selector in widget"> </a>

Library Version Matrix

Dependencies

• ASP.NET Core 8.0
• Xperience by Kentico

Package Installation

Add the package to your application using the .NET CLI

dotnet add package XperienceCommunity.MapLocationSelector

Quick Start

1. Install NuGet package above.

2. Add configuration block to the ASP.NET Core appsettings.json file:

   "xperiencecommunity.maplocation": {
    "MapLatitude": "<your default latitude, e.g. 53.799009663238486>",
    "MapLongitude": "<your default longitude, e.g. -1.549048364271424>"
    "MapZoom": <your default zoom level, e.g. 10>
    "ManualEntry": <true or false, whether to allow manual entry of lat/long>
   }
   

3. Register the configuration block using builder.Services.AddXperienceCommunityMapLocationSelector():

   // Program.cs
   
   var builder = WebApplication.CreateBuilder(args);
   
   // ...
   
   builder.Services.AddXperienceCommunityMapLocationSelector(builder.Configuration);
   

   At this point the UI form component will be registered for fields in content types.

   The value stored in the database when saved will either be an empty string (if no location selected), or in the format of 53.799009663238486,-1.549048364271424. The latitude and longitude are comma separated.

   If you need to use in widget properies too, then follow the next step to configure the widget.

4. Use the MapLocationFormComponent attribute to add a property in your widget property configuration class.

   using XperienceCommunity.MapLocationSelector;
   
    public class ExampleWidgetProperties : IWidgetProperties
    {
    [MapLocationFormComponent(Label = "Location", Order = 1)]
    public string Location { get; set; }
    }
   

Contributing

Feel free to submit issues or pull requests to the repository, this is a community package and everyone is welcome to support.

License

Distributed under the MIT License. See for more information.