Blazor Displaying Imagery from Open Street Maps

The Blazor IgbOpenStreetMapImagery is a free geographic imagery mapping service created collaboratively by OpenStreetMap© contributors from around the world. It provides geographic imagery tiles of the world only in road map style without any configuration options. This geographic imagery service can be accessed directly on www.OpenStreetMap.org web site. By the default, the Ignite UI for Blazor map component already displays geographic imagery from the Open Street Maps. Therefore, there is no need to configure the control to display geographic imagery from the Open Street Maps.

Blazor Displaying Imagery from Open Street Maps Example

Code Snippet

This code example explicitly sets BackgroundContent of the map component to the IgbOpenStreetMapImagery object which provides geographic imagery from OpenStreetMap© contributors.

<IgbGeographicMap Height="100%" Width="100%" Zoomable="true"
    BackgroundContent="OSMImagery" />

@code {

    public IgbOpenStreetMapImagery OSMImagery;

    protected override void OnInitialized()
    {
        this.OSMImagery = new IgbOpenStreetMapImagery();
    }
}

API References

• BackgroundContent
• IgbOpenStreetMapImagery