전단지 높이 전체 화면 고정

Question

전단지를 사용하고 있었는데 디스플레이가 Google지도처럼 보였지만 많은 요구 사항을 충족시킬 수없는 방법이 있습니다. 웹상에 어떤 방법이 있든, 전화는 다음을 보여줍니까?

나쁜 표시 :

가 입력 한 처음이를 화면의 외부로 드래그 될 수있다.

좋은 디스플레이 :

그것은 고도의 전체 화면이며 끌 수 없습니다 들어가는 첫 번째 시간입니다.

Answer 1

지도 초기화에 대해 Leaflet documentation을 확인하십시오. minZoom 사용자가 지금까지지도의 상단과 하단이 (모두 볼 수 있도록 축소 할 수있는 정지하고 setView()에 전달 줌 값을 대체 설정

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

var map = L.map('map', { 
    minZoom:2, 
    maxBounds: world, 
    maxBoundsViscosity: 1, 
}).setView([0,0], 0); 

: 당신은 당신이 원하는 것을 할 것입니다 몇 가지 옵션을 전달할 수 있습니다). 화면의 높이와 응용 프로그램에 표시 할 수있는 세계의 양에 따라 적절한 값을 계산해야 할 수도 있습니다. 그 자체만으로도 사용자는 여전히지도의 가장자리에서 벗어날 수 있습니다.

설정 maxBounds은보기를 특정 좌표 세트 (위 예제의 전체 세계)로 제한합니다. 이 제한을 초과하여지도를 이동할 수 없게하려면 maxBoundsViscosity을 설정해야합니다.

사용자가 전혀지도를 이동하지 못하도록하려면 dragging: false을 설정할 수도 있습니다. 그래도 .panTo() 방법을 사용하여지도를 이동할 수 있습니다.