Comment désactiver une couche dans l'API JavaScript d'ArcGIS-Questions et réponses frontales-php.cn

Comment désactiver une couche dans l'API JavaScript d'ArcGIS

PHPz

Libérer： 2023-04-24 10:26:08

original

1119 Les gens l'ont consulté

Dans le processus de développement de cartes à l'aide de l'API JavaScript d'ArcGIS, certaines couches sont souvent nécessaires. Une couche est un élément de l'interface cartographique qui peut être utilisé pour afficher et décrire diverses informations de données géographiques. Lorsque nous n'avons pas besoin d'afficher un calque, nous devons le désactiver. Cet article explique comment désactiver une couche dans l'API JavaScript d'ArcGIS.

Obtenir l'objet calque

Pour fermer un calque, vous devez d'abord obtenir l'objet du calque. Dans l'API JavaScript ArcGIS, vous pouvez utiliser la méthode map.getLayer() pour obtenir l'objet d'une couche sur la carte. Le paramètre de la méthode est l'ID de la couche, par exemple :

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

Copier après la connexion

où layerId est l'ID. de la couche.

Fermez le calque

Après avoir obtenu l'objet calque, nous pouvons utiliser la méthode setVisibility() de l'objet pour fermer le calque. Le paramètre de la méthode setVisibility() est une valeur booléenne, true signifie afficher le calque, false signifie désactiver le calque. Donc, si vous souhaitez désactiver un calque, utilisez simplement le code suivant :

layer.setVisibility(false);

Copier après la connexion

Cela désactivera le calque.

Exemple de code

Voici un exemple de code complet qui montre comment désactiver un calque :

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

Copier après la connexion

Dans cet exemple de code, nous créons un calque nommé layer1 et l'ajoutons dans le code frontal. L'objet calque est obtenu de . Utilisez la méthode when dans la vue pour effectuer un rappel lorsque le rendu de la vue est terminé et fermez le calque layer1 dans la fonction de rappel. Exécutez le code ci-dessus et vous pourrez voir que la couche a été fermée avec succès.

Résumé

Cet article explique comment désactiver les couches dans l'API JavaScript d'ArcGIS. Tout d’abord, vous devez obtenir que l’objet calque soit désactivé, puis utiliser la méthode setVisibility() de l’objet pour désactiver le calque. Les développeurs peuvent utiliser cette méthode pour contrôler dynamiquement l'affichage des couches sur l'interface cartographique afin d'obtenir une meilleure expérience utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!