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