본문 바로가기

WEB개발

네이버지도, 다음지도 카카오navi- API 활용 조사

728x90
반응형

■ 네이버, 다음 지도 활용 
1. 미리 생성된 지도의 마커에서 클릭시 좌표 alert
2. 지도 클릭할때, 마킹 생성
3. 신규 마킹생성시에 좌표정보를 클릭이벤트, 레이아웃에 포함시켜야 함 -> 적용 완료
4. 브라우져 호환성 적용이 필요함 -> 게시판 edit안에서 동작 안함, 뉴탭에서 실행 필요
5. 카카오 네비 Invoke 연동 추가. (휴대폰에서만 동작)
6. T map 네비 연동.(휴대폰에서만 동작)

■ 실행 결과(* 새탭에서 아래주소를 붙여넣기해서 실행해 주세요.)
- 네이버 : http://pacom.logisall.net/map/naverMap.html
- 다음 : http://pacom.logisall.net/map/daumMap.html

 

 



■ 네이버, 다음(카카오) 지도 Open API를 사용하기 위해서는
   각 Developer 사이트에서 계정 생성 후 API 키를 발급 받아서 사용할 수 있다.

(* 각 프로젝트 계정에 등록되어 있는 도메인에서만 API 호출이 정상 동작함. 로컬에서 바로 HTML 파일 실행 시킬시에 동작 안함.)
- 네이버 : https://www.ncloud.com/product/applicationService/maps 
- 다음 : http://apis.map.daum.net/web/guide/
- Tmap: https://openapi.sk.com/

728x90
반응형

'WEB개발' 카테고리의 다른 글

구글 폼/설문 사용 관련 조사  (0) 2022.11.29
PWA 및 SPA 관한 쉬운이해  (0) 2022.11.29
구글 차트 API 활용 및 샘플  (0) 2022.11.29
json OBJECT  (0) 2022.11.29
JSON 배열 다루기  (0) 2022.11.29