一个 .NET 开源的地图组件库-Mapsui

前言

今天大姚给大家分享一个.NET开源（MIT License）、免费、同时支持多平台框架（MAUI、WPF、Avalonia、Uno、Blazor、WinUI、Eto、.NET Android 和 .NET iOS）地图组件库：Mapsui。VWc28资讯网——每日最新资讯28at.com

项目源代码

图片VWc28资讯网——每日最新资讯28at.com

支持的UI框架的NuGet包

图片VWc28资讯网——每日最新资讯28at.com

创建Blazor WebAssembly应用

创建名为：MapsuiExercise的Blazor WebAssembly应用。VWc28资讯网——每日最新资讯28at.com

图片VWc28资讯网——每日最新资讯28at.com

图片VWc28资讯网——每日最新资讯28at.com

图片VWc28资讯网——每日最新资讯28at.com

安装Mapsui.Blazor NuGet包

在NuGet包管理器中搜索：Mapsui.Blazor安装。VWc28资讯网——每日最新资讯28at.com

图片VWc28资讯网——每日最新资讯28at.com

地图组件完整代码

@page "/"@using Mapsui.UI.Blazor<PageTitle>MapsuiExercise</PageTitle><div class="container">    <div class="row">        <div class="col border rounded p-2 canvas-container">            <MapControlComponent @ref="_mapControl" />        </div>    </div></div><style>    .canvas-container canvas {        width: 100%;        height: 80vh;    }</style>@code{    private MapControl? _mapControl;    protected override void OnAfterRender(bool firstRender)    {        base.OnAfterRender(firstRender);        if (firstRender)        {            if (_mapControl != null)                _mapControl.Map?.Layers.Add(Mapsui.Tiling.OpenStreetMap.CreateTileLayer());        }    }}

运行效果展示

图片VWc28资讯网——每日最新资讯28at.com

图片VWc28资讯网——每日最新资讯28at.com

图片VWc28资讯网——每日最新资讯28at.com

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看

本文链接：http://www.28at.com/showinfo-26-91164-0.html一个 .NET 开源的地图组件库-Mapsui

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇： Spring如何管理Bean的生命周期呢？

下一篇： Python 角色权限隔离，你完全相信装饰器