title: MapBox gl js, Browser console security Error
body: <p>I'm using Mapbox gl js into a website to show safari's map. I created my mapbox account and my API token and i'm experiencing a browser error:</p>
  <p>SecurityError: The operation is insecure. cecb579d-d0ad-424a-9e7d-bf4c7353d904:1</p>
  <p>If i try to open the source debug blob i get a blank page :(</p>
  <p>Thx in advance</p>
  <p>here is the code:</p>
  <pre><code>    &lt;html lang=&quot;it&quot;&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;UTF-8&quot;&gt;
          &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
          &lt;script src='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js'&gt;&lt;/script&gt;
          &lt;link href='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css' rel='stylesheet' /&gt;   
          &lt;script src=&quot;https://unpkg.com/@turf/turf@6/turf.min.js&quot;&gt;&lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id=&quot;map&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;overlay&quot;&gt;
  &lt;button id=&quot;replay&quot;&gt;Replay&lt;/button&gt;
  &lt;/div&gt;
  &lt;!-- here i used the defoult API key --&gt;
      &lt;script&gt;
      mapboxgl.accessToken = 'pk.eyJ1IjoiYWxleDk1IiwiYSI6ImNrcTRlajRrajE3cnIydnFyMGMwN3cyeG4ifQ.jU5odECEGnFPWjflz37KhA';
          var map = new mapboxgl.Map({
              container: 'map',
              style: 'mapbox://styles/mapbox/streets-v11',
              center: [36, -1],
              zoom: 7.3
          });
          // 1 Nairobi, Kenya
          var marker1 = new mapboxgl.Marker({           
              color: &quot;#737C56&quot;,
              draggable: false
          })
          .setLngLat([36.70, -1.30])
          .setPopup(new mapboxgl.Popup({
              className: 'pop-up',
              closeButton: false,
              closeOnClick: true
          })
          .setText('Nairobi, Kenya'))
          .addTo(map);
  
          // 2 The Great Rift Valley View Point, B 3, Kenya
          var marker2 = new mapboxgl.Marker({           
              color: &quot;#737C56&quot;,
              draggable: false
          })
          .setLngLat([36.58, -1.08])
          .setPopup(new mapboxgl.Popup({
              className: 'pop-up',
              closeButton: false,
              closeOnClick: true
          })
          .setText('The Great Rift Valley View Point, B 3, Kenya')) 
          .addTo(map);
          [...]
   &lt;/script&gt;
   &lt;/body&gt;
   &lt;html&gt; ```
  </code></pre>