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

net,mapsui · 浏览次数 : 0

小编点评

## Mapsui 项目简介 Mapsui 是一个开源 (MIT License) 的 .NET开源地图组件库，支持 MAUI、WPF、Avalonia、Uno、Blazor、WinUI、Eto、.NET Android 和 .NET iOS 平台框架。 **主要功能:** * 支持多种地图类型，包括 OpenStreetMap、Google Maps 和 Bing Maps。 * 允许用户进行地图搜索和导航。 * 提供自定义地图外观和样式。 * 支持动画和交互效果。 * 包含示例代码，可以帮助您快速开始使用。 **使用 Mapsui 的步骤:** 1. 安装 Mapsui.Blazor NuGet 包。 2. 将 Mapsui.Blazor 项目安装到 .NET 应用中。 3. 使用 `Map` 属性将 Mapsui.UI.Blazor 控制器的 `Map` 属性设置为 Map 对象。 4. 添加 Mapsui.Tiling.OpenStreetMap.CreateTileLayer() 来地图容器中。 **示例代码:** ```csharp // Map UI

// Map control component public class MapControlComponent : ComponentBase { private MapControl _mapControl; public MapControlComponent(MapControl mapControl) { _mapControl = mapControl; } } ``` **资源:** * 项目源代码：github.com/Mapsui/Mapsui * 项目文档：github.com/YSGStudyHards/DotNetExercises/tree/master/MapsuiExercise * GitHub开源地址：github.com/Mapsui/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技术社区微信交流群👨‍👩‍👦