Mapbox Display Lat and Lng and Zoom then putting them inside a textbox

Question

enter image description here

I was wondering how to actually get the lat and lng and zoom values like in the picture example on mapbox style builder not with a mouse click or with a mouse move, just the entire map inside a div.

So explaining in detail, I was wondering if there was a way to grab the maps coordinates and display them based off of what mapbox does in there studio editor. They calculate the lat and lng and zoom level of their whole map and when a user scrolls around the map the lat and lng changes and it displays the new coordinates with the zoom level. I need to take those values and place them inside a textbox.

Answer 1

You have several samples on this.

how to get the coords of a point
how to create a draggable marker
how to get the coords of cursor

If you need the zoom too, you only need to addmap.getZoom() to he methods that are painting the lngLat.lng and lngLat.lat