OpenLayers.Blazor 1.0.1

.NET 6.0 This package targets .NET 6.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package OpenLayers.Blazor --version 1.0.1
NuGet\Install-Package OpenLayers.Blazor -Version 1.0.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="OpenLayers.Blazor" Version="1.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add OpenLayers.Blazor --version 1.0.1
#r "nuget: OpenLayers.Blazor, 1.0.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install OpenLayers.Blazor as a Cake Addin
#addin nuget:?package=OpenLayers.Blazor&version=1.0.1

// Install OpenLayers.Blazor as a Cake Tool
#tool nuget:?package=OpenLayers.Blazor&version=1.0.1

OpenLayers.Blazor

This is a map component based on OpenLayers to different compatible maps with some features to set a marker or other shapes. The component has implemented the swiss specific coordination projection (VL03/VL95) and therefore can show content from swisstopo.

Usage

Setup

  • install nuget package dotnet add package OpenLayers.Blazor

  • Download the openlayers distribution js/css files https://github.com/openlayers/openlayers or from other sources and include them in the index.html file:

    <head>
...
    <link href="https://cdnjs.cloudflare.com/ajax/libs/openlayers/7.3.0/ol.min.css" rel="stylesheet" />
    <link href="_content/OpenLayers.Blazor/OpenLayers.Blazor.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/7.3.0/dist/ol.min.js"></script>
...
</head>

Examples

    <SwissMap Style="height:800px">
        <Popup>
            <div id="popup" class="ol-box">
                @if (context is Marker marker)
                {
                    <h3>@marker.Title</h3>
                    <p>@marker.Coordinate.X / @marker.Coordinate.Y</p>
                }
            </div>
        </Popup>
        <Features>
            <Marker Type="MarkerType.MarkerPin" Coordinate="new Coordinate(1197650, 2604200)"></Marker>
            <Marker Type="MarkerType.MarkerFlag" Coordinate="new Coordinate(1177650, 2624200)" Title="Hallo" BackgroundColor="#449933" Popup></Marker>
            <Line Points="new []{new Coordinate(1197650, 2604200), new Coordinate(1177650, 2624200)}" BorderColor="cyan"></Line>
        </Features>
    </SwissMap>

    <OpenStreetMap Style="height:480px; width:640px" Zoom="5" Center="new Coordinate(51,0)">
        <Layers>
            <Layer SourceType="SourceType.TileWMS"
                    Url="https://sedac.ciesin.columbia.edu/geoserver/ows?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&LAYERS=gpw-v3%3Agpw-v3-population-density_2000&LANG=en"
                    Opacity=".3"
                    CrossOrigin="anonymous"></Layer>
        </Layers>
    </OpenStreetMap>
Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on OpenLayers.Blazor:

Package Downloads
OpenLayers.Blazor.Demo.Components

Package Description

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.5.9 341 3/27/2024
1.5.8 81 3/27/2024
1.5.7 359 3/4/2024
1.5.6 210 2/19/2024
1.5.5 119 2/16/2024
1.5.4 100 2/16/2024
1.5.3 149 2/2/2024
1.5.2 129 1/15/2024
1.5.1 148 12/29/2023
1.5.0 217 12/18/2023
1.4.1 320 11/10/2023
1.4.0 153 10/24/2023
1.3.1 153 10/13/2023
1.3.0 108 10/9/2023
1.1.0 319 6/11/2023
1.0.1 154 4/28/2023
1.0.0 737 4/14/2023
0.3.0-alpha 96 4/13/2023
0.2.0-alpha 104 4/12/2023
0.1.0-alpha 112 4/12/2023
0.0.0-alpha.0 73 4/12/2023