Mapbox map 未加载且未响应

Question

我正在使用 Mapbox JS 库，在localhost中它工作正常

但是当我在实时服务器上上传我的网站时，map 没有获得当前位置并且没有正确加载（天蓝色地图）。

任何建议，我错过了什么吗？

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>