Mapbox GL JS:使用地理位置控件控制最大缩放?

Mapbox GL JS:使用地理位置控件控制最大缩放?,mapbox,mapbox-gl-js,Mapbox,Mapbox Gl Js,我正在使用Mapbox GL JS v0.32.1,我的地图上有 我想让它在用户地理定位时最大缩放为8,以便地图缩放到用户的大致位置,而不是街道位置 据我所知,应该有一个geologe事件可用,但这对我不起作用: var geoLocate = map.addControl(new mapboxgl.GeolocateControl()); geoLocate.on('geolocate', function(e) { console.log('geolocated'); map

我正在使用Mapbox GL JS v0.32.1,我的地图上有

我想让它在用户地理定位时最大缩放为8,以便地图缩放到用户的大致位置,而不是街道位置

据我所知,应该有一个
geologe
事件可用,但这对我不起作用:

var geoLocate = map.addControl(new mapboxgl.GeolocateControl());
geoLocate.on('geolocate', function(e) {
    console.log('geolocated');
    map.setZoom(8);
})
地理定位(至少在Chrome中)仍然可以缩放到可用的最大缩放级别,并且在发生这种情况时,我看不到控制台日志消息

返回
Map
。枪响了。以下方面应起作用:

var geoLocate = new mapboxgl.GeolocateControl();
map.addControl(geoLocate);
geoLocate.on('geolocate', function(e) {
    console.log('geolocated');
    map.setZoom(8);
});

这样试试。平滑缩放到您的位置

var geoLocate = new mapboxgl.GeolocateControl();

map.addControl(geoLocate);

geoLocate.on('geolocate', function(e) {
   map.flyTo({
    center:[e.coords.longitude, e.coords.latitude], 
    zoom:16 //set zoom 
  });
});

啊,我明白了!非常感谢。