Javascript로 지도 작업을 할 때 제가 정말 좋아하는 도구는 Leaflet입니다.

왜요? 시작하기가 정말 쉽고, 원한다면 멋진 일을 많이 할 수 있기 때문입니다!

전단지로 시작

초기화

Leaflet을 시작하려면 3가지가 필요합니다.

수입을 하다

css 및 스크립트 가져오기

지도를 포함할 div를 정의합니다.

너비와 높이가 있는 div 블록

지도 초기화

플레이 시작!

가장 먼저 할 일은 지도에 마커를 추가하는 것입니다!

var marker = L.marker([51.5, -0.09]).addTo(mymap);

이 작은 코드 줄이면 충분합니다!



그런 다음 원, 다각형 및 팝업을 추가할 수 있습니다!

더 나아가

관심이 있는 경우 Leaflet 웹 사이트에는 라이브러리로 더 많은 작업을 수행할 수 있는 많은 자습서가 있습니다.

Create custom markers

Using GeoJSON

Working with Map panes

...

리플릿을 사용하는 이유는 무엇입니까?

먼저 오픈소스 프로젝트입니다! 따라서 일부 POC 또는 첫 번째 프로젝트를 위한 완벽한 항목입니다!

둘째, 라이브러리는 많은 프로젝트에 충분한 기능을 제공합니다.

그렇다면 오픈소스 프로젝트입니다! 따라서 일부 특정 기능을 찾고 있다면 이를 개발하고 커뮤니티와 공유할 수 있습니다!

연결

전단지

웹사이트 : https://leafletjs.com/examples/quick-start/

github : https://github.com/Leaflet/Leaflet

자습서:

https://leafletjs.com/examples/quick-start/

https://maptimeboston.github.io/leaflet-intro/

React가 포함된 전단지: https://react-leaflet.js.org/

그것이 당신을 도울 수 있기를 바랍니다!

이 게시물은 전단지 웹사이트와 튜토리얼을 기반으로 합니다.