How to turn off a layer in the ArcGIS JavaScript API-Front-end Q&A-php.cn

How to turn off a layer in the ArcGIS JavaScript API

PHPz

Release： 2023-04-24 10:26:08

Original

1109 people have browsed it

In the process of map development using ArcGIS JavaScript API, some layers are often needed. A layer is an element on the map interface that can be used to display and describe various geographical data information. When we don't need to display a layer, we need to turn it off. This article explains how to turn off a layer in the ArcGIS JavaScript API.

Get the layer object

To close a layer, you first need to get the object of the layer. In the ArcGIS JavaScript API, you can use the map.getLayer() method to obtain the object of a layer on the map. The parameter of the method is the ID of the layer, for example:

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

Copy after login

where, layerId is the layer ID.

Close the layer

After obtaining the layer object, we can use the setVisibility() method of the object to close the layer. The parameter of the setVisibility() method is a Boolean value, true means to display the layer, false means to turn off the layer. Therefore, if you want to turn off a layer, just use the following code:

layer.setVisibility(false);

Copy after login

This will turn off the layer.

Sample Code

The following is a complete sample code that demonstrates how to turn off a layer:

<!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>

Copy after login

In this sample code , we created a layer named layer1 and obtained the layer object in the front-end code. Use the when method in the view to perform a callback when the view rendering is completed, and close the layer1 layer in the callback function. Run the above code and you can see that the layer has been successfully closed.

Summary

This article explains how to turn off layers in the ArcGIS JavaScript API. First, you need to obtain the layer object to be turned off, and then use the setVisibility() method of the object to turn off the layer. Developers can use this method to dynamically control the display of layers on the map interface to achieve a better user experience.

The above is the detailed content of How to turn off a layer in the ArcGIS JavaScript API. For more information, please follow other related articles on the PHP Chinese website!