Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Zoom to Feature in MapBox Map
var zoomToFeat = function(feature, map) {
// based on this: https://www.mapbox.com/mapbox-gl-js/example/zoomto-linestring/
// Geographic coordinates of the LineString
var coordinates = feature.geometry.coordinates;
// Pass the first coordinates in the LineString to `lngLatBounds` &
// wrap each coordinate pair in `extend` to include them in the bounds
// result. A variation of this technique could be applied to zooming
// to the bounds of multiple Points or Polygon geomteries - it just
// requires wrapping all the coordinates with the extend method.
var bounds = coordinates.reduce(function(bounds, coord) {
return bounds.extend(coord);
}, new mapboxgl.LngLatBounds(coordinates[0], coordinates[0]));
map.fitBounds(bounds, {
padding: 20
});
};
@chriszrc

This comment has been minimized.

Copy link

@chriszrc chriszrc commented Aug 3, 2021

It's surprising mapbox doesn't have a bbox method yet, I usually use https://turfjs.org/docs/#bbox to achieve the above, but for now, it does seem like that's the way to do it without external libs-

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment