BlazorLeaflet 0.1.0-alpha

This is a prerelease version of BlazorLeaflet.
There is a newer prerelease version of this package available.
See the version list below for details.
Install-Package BlazorLeaflet -Version 0.1.0-alpha
dotnet add package BlazorLeaflet --version 0.1.0-alpha
<PackageReference Include="BlazorLeaflet" Version="0.1.0-alpha" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorLeaflet --version 0.1.0-alpha
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: BlazorLeaflet, 0.1.0-alpha"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install BlazorLeaflet as a Cake Addin
#addin nuget:?package=BlazorLeaflet&version=0.1.0-alpha&prerelease

// Install BlazorLeaflet as a Cake Tool
#tool nuget:?package=BlazorLeaflet&version=0.1.0-alpha&prerelease
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

<div align="center"> <img src="media/logo.png" width=300> <h1>Blazor Leaflet</h1> <div> <a href="#description">Description</a> • <a href="#installation">Installation</a> • <a href="#samples">Samples</a> </div> </div>

Description

BlazorLeaflet is a wrapper offering easy-to-use Blazor components that expose the <a href="https://leafletjs.com/">Leaflet API</a> in C#.

The wrapper is still in its early days so it's very lackluster and doesn't expose the entirety of leaflet's API.

Check out the samples project to learn how to use it.

<img src="media/example1.gif" height=400>

Installation

Install the package in the target project:

dotnet add package BlazorLeaflet

In your _Host file reference the interoperability script in the <head> element like so:

<script src="_content/BlazorLeaflet/leafletBlazorInterops.js"></script>

You can now use the components and the rest of the library.

Samples

Create the map

<LeafletMap Layers="_layers" InitialPosition="_startAt" InitialZoom="4.8f" />

Bind the parameters to the respective objects

private PointF _startAt = new PointF(47.5574007f, 16.3918687f);
private ObservableCollection<Layer> _layers = // etc...

Storing the layers in an ObservableCollection will automatically update the map as soon as the collection changed.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.4.0-alpha 3,008 1/21/2020
0.3.0-alpha 252 12/5/2019
0.2.0-alpha 264 9/25/2019
0.1.0-alpha 196 9/24/2019