Mapbox：在找到的位置上设置缩放级别答案

【问题标题】：Mapbox: Set zoom level on location foundMapbox：在找到的位置上设置缩放级别
【发布时间】：2016-07-26 01:51:42
【问题描述】：

传单文档告诉我，您应该在位置上使用 maxZoom 选项，但它不起作用 (http://leafletjs.com/reference.html#map-locate-options)。当用户在我的网站上使用地理定位并在地图上找到他们的位置时，它会放大太多，我想自己调节它。有没有人能快速解决？

【问题讨论】：

您可以发布您的网站链接吗？检查？
@Thennarasan dabauto.no/verksteder
在你的 main.js 文件中有一行 `var map = L.mapbox.map('map', 'mapbox.light').setView([63.51338, 15.03236], 5); ` 最后一个参数5 是硬编码的吗？如果是这样，请更改您想要的级别并检查。
@Thennarasan 是的，它是硬编码的。我不需要改变那个，只需要在我使用地理定位时进行缩放..
希望当有人使用地理定位时，您必须修改以调节缩放。

标签： javascript leaflet mapbox mapbox-gl

【解决方案1】：

在您的 main.js 中，您必须在此部分设置 locate 选项

   if (!navigator.geolocation) {
        geolocate.innerHTML = 'Geolocation is not available';
    } else {
        geolocate.onclick = function (e) {
            var tl = new TimelineMax({repeat:2});   
            tl.to("svg.pointwhite", .10, {transformOrigin: "50% 100%", scaleY:0.25, yoyo:true, repeat:1})
              .to("svg.pointwhite", .65, {y:-6, ease:Circ.easeOut, yoyo:true, repeat:1});                   
            e.preventDefault();
            e.stopPropagation();
            map.locate({ maxZoom: 12}); // locate option goes here       
        };
    }

【讨论】：