Карта листовок становится пустой при масштабировании более 18 - PullRequest
1 голос
/ 19 февраля 2020

Я использую листовку и API ее карт, проблема в том, что когда я увеличиваю больше чем в 18 раз, карта становится пустой. Я добавил maxNativeZoom, но безуспешно. Максимальное увеличение, поддерживаемое картами, составляет 20 (источник: документы в Интернете)

    const here = {
  apiKey:'API_Key'
}
const style = 'hybrid.day';

const hereTileUrl = `https://2.aerial.maps.ls.hereapi.com/maptile/2.1/maptile/newest/${style}/{z}/{x}/{y}/512/jpg?apiKey=${here.apiKey}&ppi=500`;

const map = L.map('map', {
   center: [33.288410, -8.345090],
   zoom: 16,
  maxZoom: 20,
  maxNativeZoom: 20,
    // maxZoom: 22,
   layers: [L.tileLayer(hereTileUrl)]
});
map.attributionControl.addAttribution('© HERE 2019');
map.on('zoomend', showZoomLevel);
    showZoomLevel();
       function showZoomLevel() {
      document.getElementById('zoom').innerHTML = map.getZoom();
    }
//alert(map.getMaxZoom());

https://jsfiddle.net/b73t0oe1/

1 Ответ

1 голос
/ 19 февраля 2020

Для вашей цели вы должны использовать опции maxZoom (и maxNativeZoom, если необходимо) на слое листов Leaflet, а не на карте.

L.tileLayer(hereTileUrl, {
  maxZoom: 20,
  maxNativeZoom: 19
})

Обновлен jsfiddle: https://jsfiddle.net/7xnv0c1a/ (Ваш источник плитки maxNativeZoom действительно равен 19, по крайней мере, в той области, в которой вы начинаете свою карту)

...