ArcGIS JavaScript API でレイヤーをオフにする方法-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

ArcGIS JavaScript API でレイヤーをオフにする方法

PHPz

Apr 24, 2023 am 09:12 AM

ArcGIS JavaScript API を使用したマップ開発のプロセスでは、多くの場合、いくつかのレイヤーが必要になります。レイヤーは、さまざまな地理データ情報を表示および説明するために使用できるマップインターフェイス上の要素です。レイヤーを表示する必要がない場合は、レイヤーをオフにする必要があります。この記事では、ArcGIS JavaScript API でレイヤーをオフにする方法について説明します。

レイヤーオブジェクトの取得

レイヤーを閉じるには、まずレイヤーのオブジェクトを取得する必要があります。 ArcGIS JavaScript API では、map.getLayer() メソッドを使用して、マップ上のレイヤーのオブジェクトを取得できます。このメソッドのパラメーターはレイヤーの ID です。例:

var layer = map.getLayer("layerId");

ログイン後にコピー

where 、layerId はレイヤー ID です。

レイヤーを閉じる

レイヤーオブジェクトを取得した後、オブジェクトの setVisibility() メソッドを使用してレイヤーを閉じることができます。 setVisibility() メソッドのパラメータはブール値で、true はレイヤーを表示することを意味し、false はレイヤーをオフにすることを意味します。したがって、レイヤーをオフにしたい場合は、次のコードを使用するだけです。

layer.setVisibility(false);

ログイン後にコピー

これにより、レイヤーがオフになります。

サンプルコード

次は、レイヤーをオフにする方法を示す完全なサンプルコードです。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>关闭图层</title>
  <link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/themes/light/main.css">
  <script src="https://js.arcgis.com/4.14/"></script>
  <style>
    html,
    body,
    #viewDiv {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
    }
  </style>
  <script>
    require([
      "esri/Map",
      "esri/views/MapView"
    ], function(Map, MapView) {
      var map = new Map({
        basemap: "streets"
      });

      var view = new MapView({
        container: "viewDiv",
        map: map,
        center: [-118.244,34.052],
        zoom: 12
      });

      view.when(function() {
        // 获取图层对象
        var layer = map.getLayer("layer1");
        // 关闭图层
        layer.setVisibility(false);
      });
    });
  </script>
</head>
<body>
  <div id="viewDiv"></div>
</body>
</html>

ログイン後にコピー

このサンプルコードでは、 Layer1 という名前のレイヤーを作成し、フロントエンドコードでレイヤーオブジェクトを取得しました。ビューの when メソッドを使用して、ビューのレンダリングが完了したときにコールバックを実行し、コールバック関数で Layer1 レイヤーを閉じます。上記のコードを実行すると、レイヤーが正常に閉じられたことがわかります。

概要

この記事では、ArcGIS JavaScript API でレイヤーをオフにする方法について説明します。まず、オフにするレイヤーオブジェクトを取得し、そのオブジェクトの setVisibility() メソッドを使用してレイヤーをオフにする必要があります。開発者はこのメソッドを使用して、マップインターフェイス上のレイヤーの表示を動的に制御し、より良いユーザーエクスペリエンスを実現できます。

以上がArcGIS JavaScript API でレイヤーをオフにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。