前言
今天大姚给大家分享一个.NET开源（MIT License）、免费、同时支持多平台框架（MAUI、WPF、Avalonia、Uno、Blazor、WinUI、Eto、.NET Android 和 .NET iOS）地图组件库：Mapsui。
项目源代码
支持的UI框架的NuGet包
创建Blazor WebAssembly应用
创建名为：MapsuiExercise的Blazor WebAssembly应用。
安装Mapsui.Blazor NuGet包
在NuGet包管理器中搜索：Mapsui.Blazor安装。
地图组件完整代码
@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());}}
}
运行效果展示
项目源码地址
更多项目实用功能和特性欢迎前往项目开源地址查看👀，别忘了给项目一个Star支持💖。
- GitHub开源地址：GitHub - Mapsui/Mapsui: Mapsui is a .NET Map component for: MAUI, WPF, Avalonia, Uno, Blazor, WinUI, Xamarin and Eto
- 示例源码地址：DotNetExercises/MapsuiExercise at master · YSGStudyHards/DotNetExercises · GitHub
优秀项目和框架精选
该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中，关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践，提高开发工作效率和质量。坑已挖，欢迎大家踊跃提交PR推荐或自荐（让优秀的项目和框架不被埋没🤞）。
- DotNetGuide/docs/DotNet/DotNetProjectPicks.md at main · YSGStudyHards/DotNetGuide · GitHub
