javascript - 当传单设置为当前位置时，有时会显示世界地图

Question

我已经设置了当前位置的 map ，如下所示。

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

但有时 map 无法加载到当前位置。它显示了世界地图。例如:

为什么会发生这种情况？

Answer 1

如果用户阻止浏览器访问他/她的位置，就会发生这种情况。设置默认中心，以便阻止位置访问的用户看不到世界 View 。例如:

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