title: new mapboxgl.NavigationControl() doesn’t work
body: <p>I´ve been trying in many ways how to add the navigation control to my map, the window does not appear, and when i see my console it doesn’t throw any error. This is my code, is from the Mapbox GL JS documentation:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;div id="map" class="map"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/template&gt;
  
  &lt;script&gt;
  /* eslint-disable */
  export default {
    computed: {
      location () {
        // eslint-disable-next-line no-console
        console.log(this.$store.state.location)
        return location
      }
    },
    mounted () {
      this.createMap()
      // document.querySelector('.mapboxgl-ctrl-geocoder input').focus()
    },
    methods: {
      createMap () {
        const mapboxgl = require('mapbox-gl')
        const MapboxGeocoder = require('@mapbox/mapbox-gl-geocoder')
  
        mapboxgl.accessToken = 'pk.eyJ1IjoicGlucGFydGRldiIsImEiOiJjajBqOXh0anAwMDFkMzNwbW5qMzVuZGo0In0.ltvQzboVtprxfeFAVOw1GA'
  
        // init the map
        var map = new mapboxgl.Map({
          container: 'map',
          style: 'mapbox://styles/ximenabc/ck44uqzs21gk71cmtma66htry',
          center: [-96.707, 17.065], // starting position [lng(-180, 180), lat(-90, 90)]
          zoom: 15,
          pitch: 0,
          minZoom: 2,
          maxZoom: 20,
          attributionControl: false,
          showCompass: true
        })
  
        map.addControl(new mapboxgl.NavigationControl())
  
        this.MapboxGeocoder = new MapboxGeocoder({
          accessToken: [MY-ACCESS-TOKEN],
          marker: true
        })
        // mapboxgl.addLayer({
        //   id: 'points'
        //   type: 'circle'
        // })
      //   var marker = new mapboxgl.Marker({
      //     draggable: true
      //   })
      //   .setLngLat([-96.707, 17.065])
      //   .addTo(map);
      //   marker.on('dragend', onDragEnd);
       },
    }
  }
  &lt;/script&gt;
  
  &lt;style&gt;
    #map {
      max-height: 20cm;
      min-height: 15cm;
    }
  &lt;/style&gt;
  
  </code></pre>
  
  <p>As you can see, i also tried to add some points, but it didn’t work. I´m working with Nuxt btw</p>