如何從Mapbox地圖中刪除縮放控件？

Question

我有一個關於如何從MapBox地圖中刪除縮放控件的快速問題。

下面是我目前的代碼。

我已經在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樣式，因此必須在傳遞選項之前向調用添加“ null ”。

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

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