传单地图不显示

Question

传单地图不显示

按照以下教程进行操作： http://leafletjs.com/examples/quick-start/

\n\n

我将 css 和 js 下载到我正在使用的本地目录，但我只显示灰色背景。没有地图。我缺少什么？谢谢。

\n\n

<!DOCTYPE html>\n<head>\n    <meta charset="utf-8" >\n    <title>Testing Leaflet</title>\n    <link rel="stylesheet" href="leaflet.css" />\n    <style>\n        #mapid { height: 180px; }\n    </style>\n    <!--<script src="leaflet.js"></script> -->\n    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>\n</head>\n<body>\n    <div id="mapid"></div>\n    <script>\n        var mymap = L.map(\'mapid\').setView([51.505, -0.09], 13);\n\n        L.tileLayer(\'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}\', {\n        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 \xc2\xa9 <a href="http://mapbox.com">Mapbox</a>\',\n        maxZoom: 18,\n        id: \'your.mapbox.project.id\',\n        accessToken: \'your.mapbox.public.access.token\'\n        }).addTo(mymap);\n\n        var marker = L.marker([51.5, -0.09]).addTo(mymap);\n\n        var circle = L.circle([51.508, -0.11], {\n        color: \'red\',\n        fillColor: \'#f03\',\n        fillOpacity: 0.5,\n        radius: 500\n    }).addTo(mymap);\n\n        var polygon = L.polygon([\n        [51.509, -0.08],\n        [51.503, -0.06],\n        [51.51, -0.047]\n        ]).addTo(mymap);\n\n    </script>\n</body>\n</html>\n

Run Code Online (Sandbox Code Playgroud)\n\n

这是显示的全部内容。\n

\n

Answer 1

ham*_*zox 5

     L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
                       attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributor',    
                       //other attributes.
    }).addTo(mapname);

Run Code Online (Sandbox Code Playgroud)

我遇到了同样的问题，请编辑/将其添加到您现有的代码中。您无需设置任何帐户。

归档时间：	8 年，8 月前
查看次数：	4978 次
最近记录：	8 年，1 月前