Leaflet.js는 가장 간단한지도 라이브러리입니다.

Google지도가 가장 인기가 있습니다. 삽입 가능한지도 위젯 웹 디자이너를위한. 하지만 어때? 맞춤 기능 추가 툴팁 및 핀 마커와 같은?

이것은 멋진 라이브러리가있는 곳입니다. Leaflet.js 도와 줘요..

이것은 완전히 무료 오픈 소스 프로젝트 처음에는 블라디미르 아가 폰킨 (Vladimir Agafonkin)이라는 이름의지도 박스에있는 사람들 중 한 명이 작성했습니다. 그 이후로 전단지에는 수십 명의 기고가 세계 각국.

자주있다. 버그 수정 및 새로운 기능으로 업데이트 모든 웹 사이트에서 전반적인 구현을 향상시킵니다. 이것은 지금까지 제가 좋아하는 매핑 라이브러리입니다. 그 이유는 그 무한한 힘과 디자인 미학 때문입니다..

그것은 내가 아마도 그것들 모두를 나열 할 수 없을 정도로 많은 특징들을 가지고 있지만, 여기에 가장 흥미있는 것들:

• 모바일 하드웨어 가속
• 핀 마커, 모양 오버레이 및 툴팁
• 사용자 정의 줌 및 패닝 애니메이션
• JS 의존성 없음
• IE7을 포함한 모든 주요 브라우저 지원+

구현은 약간 까다 롭습니다. 좌표를 입력하십시오. 과 지도의 크기를 정의하십시오..

사용자는 항상 축소 과 주위를 흔들다, 보기가 항상 바뀔 수 있습니다. 그러나 그것도 기반으로합니다. 지도 정의 방법 페이지에.

거대한 문서 페이지 전단지의 모든 측면에 대한 정보가 가득합니다. 슬프게도, 너무 조밀하기 때문에 그냥 빠져 나갈 수 있기 때문에 그냥 잠수를 추천 할 수는 없습니다. 대신, 전단지 자습서 페이지 또한 빠른 시작 가이드 초보자를위한.

방법을 배우게됩니다. 지도 삽입, 크기 / 위치 변경, 및 방법 상단에 맞춤 그래픽 추가, 원 또는 핀 마커와 같은.

이 소개 가이드는 필요한 모든 것을 가르쳐주세요. 블로그, 회사 웹 사이트 또는 향후 프로젝트에 전단지 사용.

Google지도를 사용하는 데는 큰 이유가 있습니다. Google지도는 강력하고 신뢰할 수 있으며 무료입니다. 그러나 전단지는 많은 기능을 즉시 사용할 수 있습니다. 당신은 CSS / JS 파일을 웹 페이지에 추가하십시오. 시작하겠습니다. 너는 심지어 찾을 수있다. 온라인으로 호스팅 된 사본 CDN 경로를 선호한다면.

문서에 겁 먹지 마라. 많이 배울 수 있지만 모든 기능이 필요하지는 않습니다. 기본 전단지 설정.

그리고 그것은 처음부터 놀라운지도를 만들어라.. 만든이 Codepen 데모를 들여다보세요. Leaflet.js 및 Google Maps API 사용.