Mapbox GL: Possible to move navigation controls?

Question

Would anyone know if it is possible to move the navigation controls from top-right to top-left? By default, it is top-right, but I would like to add a company's logo at that position and I've seen other Mapbox maps with controls on the left.

James Conkling · Accepted Answer

Should be possible w/o hacking the DOM:

map.addControl(new mapboxgl.Navigation({position: 'top-left'}));

See the docs.

Note: haven't tried this; as w/ attribution, might be necessary to set the default navigation control to false when initializing the map.

max kaplan · Answer

I could not get it to work with @james-conkling 's example above. I did this instead:

var nav = new mapboxgl.NavigationControl();
map.addControl(nav, 'top-left');

Igor Rjabinin · Answer

For the most recent version correct answer is:
map.addControl(new mapboxgl.NavigationControl(), 'top-left');

Mapbox GL: Possible to move navigation controls?

3 Answers

Add your own answers!

Ask a Question