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.
asked Apr 26, 2016 at 6:13
Add a comment
|
3 Answers
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');
-
-
1Is there any way to center the control? I've tried .mapboxgl-ctrl-top-right{ top: 0; right: 50%; } but it places the right end of the control on the middle of the screen, but I wnat the middle of the control to be in the middle of the screen Commented Jan 8, 2018 at 0:39
-
The one from James Conkling didn't work on my map but this one from Max Kaplin did. Thanks Max. Commented Apr 3, 2020 at 17:34
For the most recent version correct answer is:
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
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.
answered Apr 27, 2016 at 14:30
-
This won't work - position is not a parameter for Navigation. Instead the answer by @max-kaplan is correct. Commented Apr 7, 2019 at 18:47