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");

로그인 후 복사

여기서 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.