Controls must implement onAdd and onRemove, and must own an element, which is often a div element. To use Mapbox GL JS's default control styling, add the mapboxgl-ctrl class to your control's node. Example // Control implemented as ES6 class class HelloWorldControl { onAdd(map) { th...
<title>Display zoom and rotation controls</title> <metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"> <linkhref="https://api.mapbox.com/mapbox-gl-js/v3.9.1/mapbox-gl.css"rel="stylesheet"> <scriptsrc="https://api.mapbox.com/mapbox-gl-js/v3.9.1/mapbox...
<title>Navigate the map with game-like controls</title> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <link href="https://api.mapbox.com/mapbox-gl-js/v3.8.0/mapbox-gl.css" rel="stylesheet"> <script src="https://api.mapbox.com/mapbox-gl-js...
map.addControl(styleSwitch, 'top-left'); Inside component scss: @import "../../../node_modules/mapbox-gl-controls/lib/controls.css"; So there won't be any PR for this issue.Style selectors aren't specific enough to override The mapbox-gl stylesheet uses selectors like this: .map...