Close
Angular React Web Components Blazor Blazor
Premium

Blazor Esri Maps から地理的画像を表示

IgbArcGISOnlineMapImagery は、Esri によって作成された無料の地理的画像マッピング サービスです。世界の地理的画像タイルの 40 スタイル以上を提供します。この地理的画像サービスは、www.arcgisonline.com に直接アクセスして利用できます。

Blazor Esri Maps から地理的画像を表示の例

コード スニペット

以下のコード スニペットは、IgbArcGISOnlineMapImagery クラスを使用して GeographicMap で Esri 画像サーバーからの Blazor 地理的画像タイルを表示する方法を示します。

@using IgniteUI.Blazor.Controls


<IgbGeographicMap Height="100%" Width="100%"
    Zoomable="true"
    BackgroundContent="EsriImagery" />

protected override void OnInitialized()
{
    IgbArcGISOnlineMapImagery imagery = new IgbArcGISOnlineMapImagery()
    {
        MapServerUri = "https://services.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer"
    };

    this.EsriImagery = imagery;
}

Esri ユーティリティ

また、Esri 画像サーバーのすべてのスタイルを定義する EsriUtility を使用することもできます。

@using IgniteUI.Blazor.Controls


<IgbGeographicMap Height="100%" Width="100%"
    Zoomable="true"
    BackgroundContent="EsriImagery" />

protected override void OnInitialized()
{
    IgbArcGISOnlineMapImagery imagery = new IgbArcGISOnlineMapImagery()
    {
        MapServerUri = EsriStyle.WorldOceansMap
    };

    this.EsriImagery = imagery;
}

API リファレンス

IgbArcGISOnlineMapImagery
IgbGeographicMap