如何在 ArcGIS JavaScript API 中關閉圖層-前端問答-PHP中文網

首頁

web前端

前端問答

如何在 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 的圖層，並在前端程式碼中取得了該圖層物件。在 view 當中使用 when 方法來進行視圖渲染完成的回調，在回呼函數中關閉了這個 layer1 圖層。運行上述程式碼，即可看到圖層已成功關閉。