Листовка иногда показывает Карты мира, когда она установлена ​​в текущее местоположение

Question

Я настроил карту для текущего местоположения, как показано ниже.

var mymap = L.map('mapid', {doubleClickZoom: false}).locate({setView: true, maxZoom: 22});

Но иногда карта не загружается в текущее местоположение. Это показывает карту мира. Например:

Почему это происходит?

Answer 1

Это происходит, если пользователь блокирует браузер от доступа к своему местоположению. Установите центр по умолчанию, чтобы пользователи, которые блокируют доступ к местоположению, не видели мир. Например:

var mymap = L.map('mapid', {
    minZoom: 9,
    maxZoom: 18,
    zoom: 12,
    center: [40.423494,-3.682068],
    doubleClickZoom: false,
}).locate({setView: true});

См. Мой Codepen для примера: https://codepen.io/amapolauditiva/pen/XWmdMaw