全球地图消失

Question

我在Leaflet.js中使用OpenStreetMap .

我有一张带有室内照片的地图.问题是当我放大,街道消失.你知道什么可以解决这个问题吗？技巧或提示!

---

编辑:

// Load the Map
this.map_ = L.map($(selector)[0], {
    center: [
      48.8459382,
      2.2863024,
    ],

    maxZoom: 24,
    zoom: 20,
});

Answer 1

我想您已经使用map.options.maxZoom较高的数字让用户缩放以查看您的室内图像细节.

但是,OSM切片在缩放级别19之后不可用,因此服务器返回404错误,并且您的切片将被错误切片替换(如果未指定,则仅替换为灰色切片).

在这种情况下,您只需要在Tile Layer上使用这两个选项(一起)来告诉Leaflet重新使用较低缩放的图块并展开它们:

• maxNativeZoom 设定为19.
• maxZoom设置在你需要的任何东西,并等于map.options.maxZoom如果指定.

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    maxNativeZoom: 19, // OSM max available zoom is at 19.
    maxZoom: 22 // Match the map maxZoom, or leave map.options.maxZoom undefined.
}).addTo(map);

演示:http://jsfiddle.net/ve2huzxw/68/