传单在本地工作，但不在托管答案

【问题标题】：leaflet working localhost but not in hosting传单在本地工作，但不在托管
【发布时间】：2020-04-01 00:41:57
【问题描述】：

我正在使用传单库https://leafletjs.com/ 来管理地图，在本地主机中它运行良好，但是当我将其上传到主机时，看不到地图，并且在控制台日志中它不会出现任何类型的错误

【问题讨论】：

欢迎来到这个网站，胡安。您需要提供更多详细信息（即您的代码或指向已发布页面的链接）以供人们帮助。

【解决方案1】：

这是我的代码，正如我所说，它在 localhost 上运行良好，但是当我将其上传到主机时它不起作用，并且在控制台日志中没有显示任何错误。

<pre>
    <link href="/lib/leaflet/leaflet.css" rel="stylesheet" />
    <script src="/lib/leaflet/leaflet.js"></script>

    <div id='mapid'></div>

    <script type="text/javascript">

        $(function () {
            'use strict'
            navigator.geolocation.getCurrentPosition(function (location) {
                var latlng = new L.LatLng(location.coords.latitude, location.coords.longitude);
                var mymap = L.map('mapid').setView(latlng, 13)
                L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
                    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://mapbox.com">Mapbox</a>',
                    maxZoom: 18,
                    tileSize: 512,
                    zoomOffset: -1,
                    id: 'mapbox/streets-v11',
                    accessToken: 'here I have my access token'
                }).addTo(mymap);

                var marker = L.marker(latlng, { draggable: 'true' }).addTo(mymap).on('drag', function (e) {
                    addPopup(marker);
                });

                addPopup(marker);

            });

        })

        function addPopup(marker) {

            var jsonQuery = "https://cors-anywhere.herokuapp.com/http://nominatim.openstreetmap.org/reverse?format=json&lat=" + marker.getLatLng().lat + "&lon=" + marker.getLatLng().lng + "&zoom=18&addressdetails=1";

            $.getJSON(jsonQuery).done(function (result_data) {
                var road;

                if (result_data.address.road) {
                    road = result_data.address.road;
                }
                else if (result_data.address.pedestrian) {
                    road = result_data.address.pedestrian;
                }
                else {
                    road = "No definido";
                }           
            });
        }
    </script>
    </pre>

【讨论】：