HPF 메모 _지도를 조작하는 장치.JS

HPF를 만들 때 먼저 웹에서 지도를 사용하는 방법을 찾습니다.

왕도 GoogleMap

2018년 6월부터 요금체계가 바뀌어 신용등록이 필요, API 키 발행이 필수 등이 된 것 같다. 시험에 사용하기에는 번거로울 수 있습니다.
htps : // 희생 l. jp/네ws/베후레_우신g_마파피/

Leaflet이라는 지도 라이브러리가 좋을지도
htps : // m / mi tch0807 / ms / 7 e d4 ea f6253 a 9b879 ea 7

LeafLet은 지도 서비스의 이미지를 조작하는 라이브러리인 것 같고, 지도 데이터는 다른 서비스를 이용하는 것 같은 이미지인 것 같다.
여기에서는 MAPBox라고 하는 것을 사용하고 있지만, openstreetmap등 여러가지 있는 것 같다.

htps //w w. 오 스테레 t 마 p. rg/#마 p=5/35.588/134.380
↓오픈 라이센스인 것 같기 때문에, 본격적으로 사용해 불만이 나올 때까지는, 이것의 사용법을 다루는 편이 좋을지도.


Leaflet 구현 기사
htps : // 오 ps. 지 g w w. 이 m / ch ch 카테 / ぇ 아 f t _ ma ps
htps : // 오 ps. 지 g w w. 이 m / ch ch 카테 / ぇ 아 f t _ ma ps
htps : // v.ぁsss d. jp/아리치ぇs/세 rゔぇrぇ s_마 p_세 rゔぃ세/
↑ 톱의 이미지에 그림이 있으면 어쩐지 간단한 것일지도! ! 읽고 싶습니다.
CodePen 있었다! ! !
htps : // 코데펜. 이오 / 아논 / 펜 / 로 rM
↓도 그래. Leaflet에는 기능 확장하는 라이브러리가 여러 가지 있는 것 같다. 여기에서는 "Leaflet Routing Machine"이라는 라이브러리. 루트를 표시해 온다고.

↓ 굉장! 그렇다!


지도를 클릭하면 경도 위도를 표시하는 라이브러리
Leaflet Coordinates Control
h tps : // 왔다. 코 m / ぇ 아 f ぇ t p
↓이런 감자. 굉장히


Tsuka Leaflet에 대한 샘플이 엄청난 사이트입니다!
h tps : // 왔다. 코 m / 카테고 ry / p 로그 라민 g / ぇ 아 f ぇ t

우선 했던 녀석들을 사용해 볼까
Leaflet 본체
Leaflet Routing Machine 경로 라이브러리
Leaflet Coordinates Control 위도 경도 표시 라이브러리

JSDELIVR에도 제대로 있습니다!