CODEWITHSUNDEEP
mapboxmapbox-gl-js
Kyle Soeltz
Kyle Soeltz

Reputation: 316

Can you offset map.getCenter with padding?

In Mapbox you can use setCenter with an optional "padding" value which is useful for offsetting the map center if there are things such as overlays on part of the map. However getCenter does not seem to have the same padding option. This becomes an issue when I need to get the map center that matches the visual location of the offset center. Does anyone know of a way to get the center of the map with padding taken into account the same way that setCenter does?

Upvotes: 0

Views: 995

Answers (1)

Kyle Soeltz
Kyle Soeltz

Reputation: 316

The solution I found was to use Mapbox's unproject method. I first obtained the x/y screen coordinates of the offset map center, converted them to a mapbox Point object, and then used unproject to get that latitude and longitude at that location.

const point = new mapboxgl.Point(screenX, screenY);
const latLng = map.unproject(point);

Upvotes: 2

Related Questions