应用错误收集

使用Leaflet创建自定义交互式地图-不加载我的地图

时间：2019-07-29 00:21:08

标签： javascript html css

我正在尝试找出如何使用Leaflets教程将自定义地图添加到我的新网页上的方法，但由于没有显示缩放按钮/不允许我进行缩放，我显然做错了因为地图也没有显示。这是我的源代码：

<!DOCTYPE html>
<html style="height: 100%; margin: 0;">
<head>
<title>Miscreated Map</title>
    <meta charset="utf-8" />

    <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />

    <link rel="stylesheet" href="F:\MyMapProject\leaflet\leaflet.css" />
    <script src="F:\MyMapProject\leaflet\leaflet.js" </script>

</head>
<body style="height: 100%; margin: 0;">

<div id="mymap" style="width: 900px; height: 900px; "></div>

<script>

    var mymap = L.map('mymap').setView([0, 0], 1);

    L.tileLayer('F:/MyMapProject/world_map_sat_8k.png', {
        maxZoom: 15,
    }).addTo(mymap);

</script>


</body>
</html>

0 个答案:

没有答案