Карта Mapbox не загружается и не отвечает

Question

Я использую библиотеку Mapbox JS, в localhost она работает нормально

, но когда я загружаю свой сайт на работающий сервер карта не получает текущее местоположение и загружается неправильно (карта голубого цвета).

Есть предложения, я что-то упустил?

Answer 1

 <div class="mb-3">
              <label for="address">Location</label>
                <div id="map" style="margin: 0 auto;"></div>
                <script>
                mapboxgl.accessToken = 'ACCESS-TOKEN';
                var map = new mapboxgl.Map({
                    container: 'map', // container id
                    style: 'mapbox://styles/mapbox/streets-v11',
                    center: [-96, 37.8], // starting position
                    zoom: 3 // starting zoom
                });

                var geolocate = new mapboxgl.GeolocateControl();
                map.addControl(geolocate);
                geolocate.on('geolocate', function(e) {
                      lon = e.coords.longitude;
                      lat = e.coords.latitude
                      var position = [lon, lat];
                      //alert(lon + " " + lat);
                });


                </script>
            </div>