Created
October 2, 2018 22:30
-
-
Save aerispaha/826a9f2fbbdf37983dc01e6074ce7cd7 to your computer and use it in GitHub Desktop.
Zoom to Feature in MapBox Map
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 | |
}); | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Awesome, thanks @cwhite92!