Avalonia学习（十六）-Mapsui

今天开始继续Avalonia练习。

本节：Mapsui

1.引入

Mapsui.Avalonia

2.项目引入

前台代码

后台代码

using Avalonia;
using Avalonia.Controls;
using BruTile.Predefined;
using Mapsui.Tiling.Layers;
using System.Net.Http;
using BruTile;
using Mapsui.Providers.Wms;
using Mapsui.Widgets.ScaleBar;

namespace MapsuiAvalonia.Views
{
    public partial class MainWindow : Window
    {
        private const string V = @"Mozilla/5.0 (compatible; Baiduspider/2.0; +http://www.baidu.com/search/spider.html)";
        Mapsui.UI.Avalonia.MapControl Map;
       // private IEnumerable USER_AGENT= V;

        public MainWindow()
        {

            InitializeComponent();

#if DEBUG
            this.AttachDevTools();
#endif
             Map = this.FindControl("map");

            var httpClient = new HttpClient();
            httpClient.DefaultRequestHeaders.Add("User-Agent", V);

            var osmAttribution = new Attribution("© OpenStreetMap contributors", "https://www.openstreetmap.org/copyright");
            //  var osmSource = new HttpClientTileSource(httpClient, new GlobalSphericalMercator(), "http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&udt=20141103&scaler=1", new[] { "a", "b", "c" }, name: "OpenStreetMap", attribution: osmAttribution);

            string url = "http://online3.map.bdimg.com/onlinelabel/?qt=tile&x=1&y=1&z=3&styles=pl&udt=20200727&scaler=1&p=1";
            var osmSource = new HttpClientTileSource(httpClient, new GlobalSphericalMercator(), url);
            var osmLayer = new TileLayer(osmSource) { Name = "百度地图" };
          
            
            Map.Map.Widgets.Enqueue(new ScaleBarWidget(Map.Map) { TextAlignment = Mapsui.Widgets.Alignment.Center, HorizontalAlignment = Mapsui.Widgets.HorizontalAlignment.Center, VerticalAlignment = Mapsui.Widgets.VerticalAlignment.Top });
           Map.Map.Widgets.Enqueue(new Mapsui.Widgets.Zoom.ZoomInOutWidget { MarginX = 20, MarginY = 40 });

         
            Map.Map.Layers.Add(osmLayer);

           
        }
        private static WmsProvider CreateWmsProvider()
        {
            const string wmsUrl = "https://geodata.nationaalgeoregister.nl/windkaart/wms?request=GetCapabilities";
            var provider = WmsProvider.CreateAsync(wmsUrl).GetAwaiter().GetResult();
            //provider.
            //{
            //    ContinueOnError = true,
            //    TimeOut = 20000,
            //    CRS = "EPSG:28992"
            //};

            //provider.AddLayer("windsnelheden100m");
            //provider.SetImageFormat(provider.OutputFormats[0]);
            return provider;
        }
    }

}

资源类

using BruTile;
using BruTile.Web;
using System;
using System.Collections.Generic;
using System.Net.Http;
using System.Threading.Tasks;

namespace MapsuiAvalonia.Views
{
    internal class HttpClientTileSource : ITileSource
    {

        private readonly HttpClient _HttpClient;
        private readonly HttpTileSource _WrappedSource;

        public HttpClientTileSource(HttpClient httpClient, ITileSchema tileSchema, string urlFormatter, IEnumerable serverNodes = null, string apiKey = null, string name = null, BruTile.Cache.IPersistentCache persistentCache = null, Attribution attribution = null)
        {
            _HttpClient = httpClient ?? throw new ArgumentNullException(nameof(httpClient));
            _WrappedSource = new HttpTileSource(tileSchema, urlFormatter, serverNodes, apiKey, name, persistentCache, ClientFetch, attribution);
        }

        public ITileSchema Schema => _WrappedSource.Schema;

        public string Name => _WrappedSource.Name;

        public Attribution Attribution => _WrappedSource.Attribution;


        public Task GetTileAsync(TileInfo tileInfo)
        {
           return _WrappedSource.GetTileAsync(tileInfo);
        }

        private Task ClientFetch(Uri uri) => _HttpClient.GetByteArrayAsync(uri);

    }
}

按照例子看不见地图，因为一些原因，OpenStreetMap访问不到，所以我改成了百度地图。具体地图细节，还需要详细了解。

运行效果