각 개체에는 고유한 이벤트 집합이 있습니다 . 수신기 함수의 첫 번째 인수는 이벤트 개체입니다. 예를 들어 맵 클릭 이벤트 오브젝트(위의 예에서 e)에는 클릭이 발생한 위치인 래틀트 속성이 있습니다. 위의 예제에서는 L.tileLayer.wms 클래스를 URL 및 레이어 이름 목록과 함께 사용하여 리플렛 맵에 WMS를 추가하는 방법을 보여 주며 있습니다. 리플렛 웹 사이트에는 몇 가지 훌륭한 예가 있습니다. 여기서는 사용자가 이동하면서 서버에서 마커 위치가 다시 로드되는 맵에서 클릭 가능한 마커를 표시하는 한 가지 일반적인 사례를 보여 줍니다. «JavaScript에 거의 익숙해지지 않을 때 처음부터 이런 코드를 어떻게 작성할 수 있을까요?» 대답은 처음부터 이와 같은 코드를 작성할 필요가 없다는 것입니다. 작업 예제를 해석하고 조정하기만 하면 됩니다. 설명서를 사용하고 코드 줄을 한 줄씩 검사하면 무슨 일이 일어나고 있는지 에 대한 기본적인 아이디어를 얻을 수 있어야 합니다. 이해하지 못하는 매개 변수가 있으면 0으로 만들 수 있습니다.

그러나 모든 것을 파악하는 것에 대해 걱정하지 마십시오. leafletjs.com 자체 사이트에서 리플렛을 다운로드할 수 있습니다. 소스는 .zip으로 사용할 수 있거나 GitHub에서 소스를 포크할 수 있습니다. 리플렛은 유연하고 스마트합니다. 이전 예제에서 보았듯이 기본적으로 맵을 잘 그릴 수 있지만 기본값을 재정의할 수 있는 몇 가지 옵션을 지정했습니다. 두 가지 주요 추가 사항이 있습니다: 이와 같은 코딩 문제에 접근할 때 좋은 전략은 수행하는 방법을 파악하는 데 필요한 것들의 기본 목록을 만드는 것입니다. 그런 다음 이러한 작업을 수행하는 방법을 보여 주는 예제를 검색할 수 있습니다. 위의 시나리오에서는 이 작업을 수행하려면 방법을 알아야 하는 네 가지 주요 사항을 생각할 수 있습니다. 이 자습서의 작동 방식: 처음부터 시작하여 약간 진보된 기술로 끝나는 점진적으로 서로를 기반으로 하는 예제를 중심으로 구성됩니다. HTML과 JavaScript에 대한 기본 지식을 가정하거나 최소한 코드가 수행하는 작업과 작업을 위해 사용하는 방법을 더 잘 이해하기 위해 코드를 수리하려는 의지를 가정합니다. 모든 작은 개체 또는 배열을 설명 하지 않습니다., 하지만 많은 링크를 포함 합니다.

많은 코드 블록에는 코드 조각만 표시되어 이전 예제에 대한 변경 내용을 강조 표시합니다. 전체 코드를 보려면 지도 아래에 있는 «이 예제 보기» 링크를 클릭합니다. 철저한 설명서는 리플렛 사이트를 참조하십시오. 이 예제는 팝업에 HTML 콘텐츠와 사용자 지정 스타일을 추가합니다. 그런 다음 리플렛 예제에서 Google OpenStreetMap을 사용하면 OpenStreetMap을 타일베이스맵으로 추가하는 리플렛 시작 페이지에서 유용한 샘플 코드를 찾을 수 있습니다. dist/directory를 삽입 페이지가 제공되는 웹 서버의 위치에 복사하고 리플렛/ .