Bounds
Bounds for map viewport

fitBounds

takes bounds and opt as arguments and sets the center of the map with the given parameter. bounds parameter is a JSON object with two intercardinal directions (sw and ne), with latitude and longitude (lat, lng) respectively.
mapInstance.fitBounds(bounds, opt);

Parameter

Required Parameter
Description
Type
bounds
Center these bounds in the viewport and use the highest zoom level up to and including the map.
JSON
Optional Parameter
Description
Type
padding
The amount of padding in pixels to add to the given bounds.
Numeric
linear
If true, the map transitions using Map#easeTo. If false, the map transitions using Map#flyTo.
Bool
maxZoom
The maximum zoom level to allow when the map view transitions to the specified bounds.
Numeric

Example

let bounds = {
sw: {lat: 37.457464, lng: 126.899302},
ne: {lat: 37.645804, lng: 127.161728}
}
let opt = {
padding: {
top: 5,
bottom: 5,
right: 15,
left: 15
},
linear: true, // true for “easeTo” false for “flyTo”
maxZoom: 10
}
let opt2 = {
padding: 10 // 10 for top, bottom, right, and left.
}
mapInstance.fitBounds(fit, opt);
mapInstance2.fitBounds(fit, opt2);

getBounds

Retrieves the bounds attribute set in 'fitBounds()'
mapInstance.getBounds();

Return

Intercardinal coordinates (ne, sw) with latitude and longitude
mapInstance.getBounds();
return : {
ne : {lat: 37.645804, lng: 127.161728}
sw : {lat: 37.457464, lng: 126.899302}
}
Last modified 1yr ago
Copy link
On this page
fitBounds
Parameter
Example
getBounds
Return