如何从Mapbox Map中删除缩放控件？

Question

我有一个关于如何从MapBox Map中删除缩放控件的快速问题。

以下是我目前的代码。

我在styleLayer部分中放置了“zoomControl：false”，但它似乎不起作用......

有人可以帮我解决这个问题吗？

<script>
    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();

</script>

Answer 1

zoomControl是L.mapbox

的一个选项

var map = L.mapbox.map('map', 'mapbox.streets', { zoomControl: false })

https://www.mapbox.com/mapbox.js/api/v2.4.0/l-mapbox-map/

http://leafletjs.com/reference-1.0.3.html#map-option

Answer 2

因为您使用styleLayer添加在Mapbox Studio中创建的Mapbox样式，所以您必须添加＆＃34; null ＆＃34;通过选项之前的电话。

var map = L.mapbox.map('map', null, { zoomControl:false });

L.mapbox.styleLayer('mapbox://styles/xxxxx').addTo(map);