I am using a custom component with mapbox draw a basic polygon for editing. The map draws correctly, but the map should automatically zoom or fly to the bounding box of the polygon when the map initially loads. I've scoured Google but have yet to find a way to auto zoom to a drawn polygon. Can anyo…

Hey @finedesignz ! This seemed to work for me after commenting out var bbox = turf.bbox(geojson); in the code you posted above. For full context, the custom component's model was set to { coordinates: [], bndry: "{}", points: [], lat: 0, lng: 0, } I've attached the JSON here! mapbox_fly.json

MapBox zoom to bounding box

💬 App Building

finedesignz August 23, 2022, 7:25pm 5

Thanks. Can you get it to work in a custom component in Retool as well?

Custom Component, JSON object for Mapbox

Topic		Replies	Views
Custom Component using Mapbox + React 💬 App Building javascript , mapbox , custom-component , react	9	6469	July 27, 2023
Mapbox fitBounds 💬 App Building	3	1727	August 2, 2023
Mapbox Focus Zoom on GeoJson 💬 App Building mapbox , select , component	5	1696	September 30, 2024
Custom component mapbox model update issue 💬 App Building mapbox , custom-component	8	1923	April 10, 2025
How do I disable mapbox scroll zoom feature? 💬 Mobile	13	1032	August 15, 2024

MapBox zoom to bounding box

Related topics