Leaflet 单张高度全屏固定

Leaflet 单张高度全屏固定,leaflet,Leaflet,我正在尝试传单,显示看起来像谷歌地图,但我发现很多方法不能满足我的要求。有没有办法在网络上,手机显示以下内容 错误显示: 第一次输入时,可以将其拖动到屏幕外部 良好的显示: 它第一次进入时是全屏显示,无法拖动。请查看用于初始化地图的。您可以传递多个选项,这些选项将执行您想要的操作: var world = new L.LatLngBounds([[90,-180],[-90,180]]); var map = L.map('map', { minZoom:2,

我正在尝试传单,显示看起来像谷歌地图,但我发现很多方法不能满足我的要求。有没有办法在网络上,手机显示以下内容

错误显示:

第一次输入时,可以将其拖动到屏幕外部

良好的显示:

它第一次进入时是全屏显示,无法拖动。

请查看用于初始化地图的。您可以传递多个选项,这些选项将执行您想要的操作:

var world = new L.LatLngBounds([[90,-180],[-90,180]]);        

var map = L.map('map', {
    minZoom:2,
    maxBounds: world,
    maxBoundsViscosity: 1,
}).setView([0,0], 0);
设置
minZoom
将使用户无法缩小到地图顶部和底部都可见的程度(并覆盖传递给
setView()
的缩放值)。您可能需要根据屏幕的高度以及在应用程序中显示的世界范围来计算适当的值。就其本身而言,这仍然允许用户平移地图的边缘

设置
maxBounds
将视图限制为一组特定的坐标(上例中的整个世界)。您还必须设置
maxBoundsViscosity
,以阻止用户将地图平移到这些限制之外

如果确实不希望用户能够平移地图,还可以设置
拖动:false
。这仍然允许您使用
.panTo()
方法平移贴图