# leaflet
[npm] React-Openlayers7 구현기(1)
React-Openlayers7 발단 현재 진행하고 있는 프로젝트는 지도 기능이 매우 중요한 프로젝트입니다. 지도위에 마커를 그리고, 선분을 그려 각 끝에 해당하는 좌표가 필요하고, 좌표에 해당하는 사진을 띄우기도 해야합니다. 초기에 작성된 요구사항 명세서대로 기능들을
[API] 기상특보 api 가져오기
이건 뉴스를 불러온것과 별반 다를게없다지점코드 + 시작날짜 + 마지막날짜를 지정해줘야하는데 엑셀파일을 불러와서 위도/경도와 맞춰서 가져오든가아니면 select 박스를 이용해서 원하는 정보를 선택하면 넘겨서 가져오게끔 해야할꺼같다
[leaflet] 네이버 뉴스 받아오기
뉴스를 받아와서 아래 넣어줄껀데뉴스 api는 검색어가 필요한거 밖에 없는거같아 네이버 뉴스 간단하게 불러오는 방법을 사용하였다
[leaflet] 실시간 시계만들기
기상예보를 넣으니까 뭔가 실시간 시계로 몇시인지 확인하고 싶은그런.. 생각이 들었다 한번 만들어 보도록 하겠습니다!!생각보다 되게 간편하고 잘 돌아간다 setInterval를 함수 선언해서 1초마다 주기적으로 실행하게 만들어준다
[leaflet] 지도 위도/경도로 기상청 api 불러오기
이전에 위도/경도로 주소를 불러오는 것을 해보았는데 이번에는 위도/경도로 기상청 api를 불러와서 연결해보려고 한다 우선 준비물은 api를 가져오는 것! 기상청단기예보 ((구)동네예보) 조회서비스
[leaflet] vworld Geocoder API로 좌표 주소로 변환하기
우선 나는 java와 javascript 2가지를 따로따로 불러오는걸 해보았다 이 말은 각각 호출을 하는 방법을 만들었다
[leaflet] Map 지도 + leaflet // DB 저장된 마크 띄우기 (7)
Map 지도 + leaflet // DB 저장된 마크 띄우기
[leaflet] Map 지도 + leaflet // 마우스 위치로 위도/경도 표시 (6)
Map 지도 + leaflet // 마우스 위치로 위도, 경도 표시
[leaflet] Map 지도 + leaflet // 현재 위치 적용하기 (1)
지도 쪽을 만들어보는 과제를 진행했다. 지도를 띄우고 지금 현재 위치를 적용해보도록 하겠다.
Leaflet with SvelteKit (vite)
SSR 에서 제대로 import 되지 않는 모든 패키지에 참고할 수 있습니다. Leaflet 과 같은 지도 컴퍼넌트는 현재 보고 있는 화면의 크기 및 위치에 따라 클릭 이벤트 등이 연동되어야 하기 때문에 Client 의 window 를 참고해서 동작한다. 하지만 SSR
Next.js + typeScript 에서 Leaflet + kakao 검색 API 사용하기
[kakao places() 공식문서 ](https://apis.map.kakao.com/web/sample/keywordBasic/)프로젝트 사용시 정리했던 글