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

前言

今天大姚给大家分享一个.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开源地址：https://github.com/Mapsui/Mapsui
示例源码地址：https://github.com/YSGStudyHards/DotNetExercises/tree/master/MapsuiExercise

优秀项目和框架精选

该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中，关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践，提高开发工作效率和质量。坑已挖，欢迎大家踊跃提交PR推荐或自荐（让优秀的项目和框架不被埋没🤞）。

https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md

DotNetGuide技术社区交流群

DotNetGuide技术社区是一个面向.NET开发者的开源技术社区，旨在为开发者们提供全面的C#/.NET/.NET Core相关学习资料、技术分享和咨询、项目框架推荐、求职和招聘资讯、以及解决问题的平台。
在DotNetGuide技术社区中，开发者们可以分享自己的技术文章、项目经验、学习心得、遇到的疑难技术问题以及解决方案，并且还有机会结识志同道合的开发者。
我们致力于构建一个积极向上、和谐友善的.NET技术交流平台。无论您是初学者还是有丰富经验的开发者，我们都希望能为您提供更多的价值和成长机会。

欢迎加入DotNetGuide技术社区微信交流群👨‍👩‍👦