Question

所以我刚刚开始使用html。一位朋友让我帮他建立一个网站。我们目前正在使用OSM磁贴。一个问题是他想用不同的语言。所以他制作了瓷砖，我想在本地将瓷砖添加到网页上。换句话说，瓷砖在我的电脑上。即使有一百个，我也只能得到1个瓷砖。我怎样才能获得其余的瓷砖

<html>
<head>
  <title>A Leaflet map!</title>
  <link rel="stylesheet" href="leaflet.css"/>
  <script src="leaflet.js"></script>
  <style>
    #map{ height: 100% }
  </style>
</head>
<body>

  <div id="map"></div>

  <script>

  // initialize the map
  var map = L.map('map').setView([45.8311111,-74.1992559], 16);

  // load a tile layer
  //I want to load multiple tile layers
  L.tileLayer('file://C:/Users/Adam-PC/Documents/Map/Tiles1/18/77027/93433.png',
    {
      attribution: 'Tiles by <a href="https://www.openstreetmap.org">Open Street Map</a>, Data by <a href="https://www.openstreetmap.org">Open Street Map</a>',
      maxZoom: 17,
      minZoom: 9
    }).addTo(map);

  </script>
</body>
</html>

感谢您的帮助！

Answer 1

使用'file://C:/Users/Adam-PC/Documents/Map/Tiles1/{z}/{x}/{y}.png'代替在平铺图层网址模板中对缩放，y和x值进行硬编码。

如何使用传单将本地磁贴添加到网站

1 个答案: