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

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