ArcGIS JavaScript API에서 레이어를 끄는 방법
- PHPz원래의
- 2023-04-24 09:12:391109검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!