title: How to set map.loadImage visibility by zoom level in Mapbox GL JS?
body: <p>I'm loading an image with the following code:</p>
  
  <pre><code>map.on('load', function () {
  
  map.loadImage('....png', function(error, image) { 
    if (error) throw error;
    map.addImage('b7', image);
    map.addLayer({ 
      "id": "b7",
      "type": "symbol",
      "source": { 
        "type": "geojson",
        "data": {
          "type": "FeatureCollection",
          "features": [{
            "type": "Feature",
            "geometry": {
              "type": "Point",
              "coordinates": [0, 0] 
            } 
          }] 
        }
      },
      "layout": {
        "icon-image": "b7",
        "icon-size": 0.2
      }
    });
  });
  </code></pre>
  
  <p>How can i set the visibility to none, at a certain zoom level?</p>
  
  <p>It looks like that you cant use map.setLayoutProperty on an loadImage. In the console, it says: <b>Error: The layer 'b7' does not exist in the map's style and cannot be styled.</b></p>
  
  <p>Whey i try something like:</p>
  
  <pre><code>map.setLayoutProperty( 'b7', 'visibility', 'none' );
  </code></pre>
  
  <p>Any ideas?</p>