Question

所以，我正在尝试从mapbox GL中加载的样式图中获取样式图层，但它会不断返回未定义的元素。我的智慧结束了。

我正在尝试将底层水层存储在图层变量中，以便我可以更改其属性。例如，它的可见性。

以下是代码：

var layers=map.getLayer('water');
changeinnerHTML(featuresWindow, JSON.stringify(layers, null, 1));

PS - 多年后我回到编码。我再次刷过我的js。

PPS：如果您关心，这是完整的代码：

<script>
      //Mapbox Access Token
      mapboxgl.accessToken = 'pk.eyJ1IjoiYWtzaGF5a2h1cmFuYSIsImEiOiJjaWY3dXdkN3MxMzZ3czZsempwbWc0MnRoIn0.y7jHQWK5lONsJ_6u3EJSTg';
      // Select html objects that constantly change into javascript variables. Henceforth known as elementVar
      var featuresWindow = document.getElementById('features');
      // GLOBAL FUNCTIONS : Functions that are used repeatedly
      // Function to change inner HTML of div, span etc elements
      function changeinnerHTML(elementVar, newvalue) {
            elementVar.innerHTML = newvalue;
            return null;
         }
         // Function to change colours.
      function switchColor(myColor, layer) {
            map.setPaintProperty(layer, 'fill-color', myColor);
         }
         // Intialise map
      if (!mapboxgl.supported()) {
         alert('Your browser does not support Mapbox GL!');
      } else {
         var map = new mapboxgl.Map({
            container: 'map', // container id
            style: 'mapbox://styles/akshaykhurana/cihlwytjz001kb4kqu0b62xq7', //stylesheet location
            minZoom: 9, //minimum zoom value
            maxZoom: 16, //maximum zoom value
            interactive: true
         });
      }
      // Get some layers man.
      var layers=map.getLayer();
      changeinnerHTML(featuresWindow, JSON.stringify(layers, null, 1));
      // Push information to sidebar on mouse hover
      map.on('click', function(e) {
         map.featuresAt(e.point, {
            radius: 5
         }, function(err, features) {
            if (err) throw err;
            changeinnerHTML(featuresWindow1, JSON.stringify(features, null, 2));
         });
      });

   </script>

Answer 1

不确定你是否已经想到这一点，但基本上你只需要摆脱＆＃34; map.getLayer（＆＃39; water＆＃39;）＆＃34;部分。

var layers = 'water';
map.setLayoutProperty(layers, 'visibility', 'none');

我不确定您使用的是什么，因为您可以将样式设置为在Mapbox工作室编辑器中不可见，但是当我更改布局属性时，我使用.click（函数））像这样：

$('.className').click(function(e) {
    e.preventDefault(); 
    var layers = 'water';
    map.setLayoutProperty(layers, 'visibility', 'none');
});

然后，您所要做的就是使用类＆＃34; className＆＃34;在HTML中添加一个按钮或任何其他项目。只要点击它，水层就会变得不可见。

遇到mapbox GL图层时遇到问题

1 个答案: