Question

地图未使用MBTiles显示。

我生成了自己的图块，还从Open Map Tiles下载了MBTiles。我无法同时使用两组图块来显示地图。

<head>
  <title>A Leaflet map!</title>
  <link rel="stylesheet" href="./leaflet/leaflet.css"/>
  <script src="./leaflet/leaflet.js"></script>
  <script src="./sql/sql.js"></script>
  <script src="./leaflet/Leaflet.TileLayer.MBTiles.js"></script>
  <style>
    #map{
      width: 960px;
      height: 500px;
    }
  </style>
</head>
<body>

  <div id="map"></div>

  <script>
    // initialize the map
    var map = L.map('map', {
        minZoom: 0,
        maxZoom: 0
    });

    var attribution = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="https://carto.com/attribution">CARTO</a>';

    var mb = L.tileLayer.mbTiles('./data/tiles.mbtiles', {
        attribution: attribution
    }).addTo(map);

    map.setView([0, 0], 0)

    mb.on('databaseloaded', function(ev) {
        console.info('MBTiles DB loaded', ev);
    });
    mb.on('databaseerror', function(ev) {
        console.info('MBTiles DB error', ev);
    });

  </script>
</body>
</html>

我没有看到任何错误消息。

Screenshot

这是怎么了？

未使用MBTiles显示地图

0 个答案: