title: How to remove zoom control from the Mapbox Map?
body: <p>I have a quick question about how you can remove the zoom control from the MapBox Map.</p>
  
  <p>Below is the current code I have.</p>
  
  <p>I have placed "zoomControl: false" inside the styleLayer section, but it doesn't seem to work...</p>
  
  <p>Can someone help me solve this issue?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
      L.mapbox.accessToken = 'pk.eyJ1IjoidGhsZWUxMTIyIiwiYSI6ImNpeWdyd2tycDAzZTUzMm12eDcybjJocTgifQ.r1njnGgI95MNlwVBTm1slw';
      var map = L.mapbox.map('map') 
          .setView([14.43232, 14.4165], 3);
  
      // Use styleLayer to add a Mapbox style created in Mapbox Studio
            L.mapbox.styleLayer('mapbox://styles/thlee1122/ciyhpbj15003d2sluqt6ylrqa', {zoomControl: false}).addTo(map);
  
      map.dragging.disable();
      map.touchZoom.disable();
      map.doubleClickZoom.disable();
      map.scrollWheelZoom.disable();
  
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>