前言

今天大姚給大家分享一個.NET開源（MIT License）、免費、同時支持多平臺框架（MAUI、WPF、Avalonia、Uno、Blazor、WinUI、Eto、.NET Android 和 .NET iOS）地圖組件庫：Mapsui。Txy28資訊網——每日最新資訊28at.com

項目源代碼

圖片Txy28資訊網——每日最新資訊28at.com

支持的UI框架的NuGet包

圖片Txy28資訊網——每日最新資訊28at.com

創建Blazor WebAssembly應用

創建名為：MapsuiExercise的Blazor WebAssembly應用。Txy28資訊網——每日最新資訊28at.com

圖片Txy28資訊網——每日最新資訊28at.com

圖片Txy28資訊網——每日最新資訊28at.com

圖片Txy28資訊網——每日最新資訊28at.com

安裝Mapsui.Blazor NuGet包

在NuGet包管理器中搜索：Mapsui.Blazor安裝。Txy28資訊網——每日最新資訊28at.com

圖片Txy28資訊網——每日最新資訊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());        }    }}

運行效果展示

圖片Txy28資訊網——每日最新資訊28at.com

圖片Txy28資訊網——每日最新資訊28at.com

圖片Txy28資訊網——每日最新資訊28at.com

項目源碼地址

更多項目實用功能和特性歡迎前往項目開源地址查看

本文鏈接：http://www.tebozhan.com/showinfo-26-91164-0.html一個 .NET 開源的地圖組件庫-Mapsui

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

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

下一篇： Python 角色權限隔離，你完全相信裝飾器