ホームページ > 記事 > ウェブフロントエンド > ArcGIS JavaScript API でレイヤーをオフにする方法
ArcGIS JavaScript API でレイヤーをオフにする方法
- PHPzオリジナル
- 2023-04-24 09:12:391112ブラウズ
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 サイトの他の関連記事を参照してください。