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

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

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

    EXAMPLE
    MODULES
    DATA
    RAZOR
    CSS

    このサンプルが気に入りましたか? 完全な Ignite UI for Blazorツールキットにアクセスして、すばやく独自のアプリの作成を開始します。無料でダウンロードできます。

    コード スニペット

    以下のコード スニペットは、IgbArcGISOnlineMapImagery クラスを使用して IgbGeographicMap で 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;
}
razor

    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;
}
razor

    API リファレンス