Question

我正在设置底图，以便稍后在顶部添加geoserver图层，但是当我运行html时底图不会呈现。

我正在使用html进行分析以查看地图，我已经在传单提供者中查找了想要的底图的源代码，然后继续将其添加到我的.js脚本中，但是当我运行html时没有文件路径。

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>basemap1</title>

    <link href="../css_stuff/leaflet.css" rel="stylesheet" type="text/css">
    <link href="../css_stuff/style.css" rel="stylesheet" type="text/css">
    <script src="../js_stuff/leaflet.js"></script>
    <script src="../js_stuff/script.js"></script>

  </head>
  <body>
    <div id="basemap">
    </div>
  </body>
</html>

以及在script.js上的显示方式：

map1 = L.map('basemap').setView([40, -8],7);
var OpenStreetMap_Mapnik = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  maxZoom: 19,
  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
});
OpenStreetMap_Mapnik.addTo(map1);

此外，当我将脚本直接添加到html而不是使用外部文件时，它可以工作，但是要求脚本是外部的。

如何修复未在HTML中呈现的传单地图

0 个答案: