반응형 네이버 지도 api 마커3 [네이버 지도 api (4)] 주소를 검색해서 지도 이동하기 Geocoding 좌표변환 [네이버 지도 api (1)] 지도 생성 후 마커 이미지 넣기 - 스프링 + 자바스크립트 (tistory.com) [네이버 지도 api (2)] 마커 클릭시 정보창 띄우기 - 스프링 + 자바스크립트 (tistory.com) [네이버 지도 api (3)] 다중마커, 다중 정보창 - 스프링 + 자바스크립트 (tistory.com) 주소를 검색해서 지도를 이동하는 소스코드 입니다. 글의 하단부에는 복사할 수 있는 전체 소스코드가 있습니다. ■ 네이버지도 API 설정하기 Geocoding 설정 허용 URL은 http://localhost:8000 으로 추가해서 저장해준다. ■ 신청된 API 인증정보 확인 Client ID를 이용할거니깐 확인해두기 ! ■ ■ 작성 지도 표출 및 좌표를 보여주는 페이지 작성 주소 .. 2022. 4. 27. [네이버 지도 api (2)] 마커 클릭시 정보창 띄우기 - 스프링 + 자바스크립트 [네이버 지도 api (1)] 지도 생성 후 마커 이미지 넣기 - 스프링 + 자바스크립트 (tistory.com) [네이버 지도 api (3)] 다중마커, 다중 정보창 - 스프링 + 자바스크립트 (tistory.com) [네이버 지도 api (4)] 주소를 검색해서 지도 이동하기 Geocoding (tistory.com) - 복사할 수 있는 소스코드는 하단부에 있습니다. ▶ 마커와 정보창을 담을 배열 생성하기 하단부의 소스는 지도를 생성하는 1탄에서 작성했던 소스코드입니다. 지도를 생성하기 전에 마커를 담아줄 배열과 정보창을 담아줄 배열을 선언해줍시다 ! ▶ 정보창에 내용 담기 그리고 지도와 마커를 생성했던 아래 소스코드에 정보창을 생성하는 소스코드를 작성했습니다. infoWindow라는 정보창 변수에 .. 2021. 6. 29. [네이버 지도 api (1)] 지도 생성 후 마커 이미지 넣기 - 스프링 + 자바스크립트 네이버 지도 API - MAPS - Application Service - NAVER CLOUD PLATFORM 네이버 클라우드 플랫폼 (ncloud.com) ▲네이버 지도 api는 위의 링크에서 신청 후 인증키값을 받으면 사용하실 수 있습니다. [네이버 지도 api (2)] 마커 클릭시 정보창 띄우기 - 스프링 + 자바스크립트 (tistory.com) [네이버 지도 api (3)] 다중마커, 다중 정보창 - 스프링 + 자바스크립트 (tistory.com) [네이버 지도 api (4)] 주소를 검색해서 지도 이동하기 Geocoding (tistory.com) 네이버 지도 api를 통해서 다중마커, 중복마커, 클릭이벤트, 마커활성화 등등 단계적으로 포스팅할 예정입니다. 이번 글에서는 네이버 지도 생성( 인.. 2021. 6. 22. 이전 1 다음 반응형
