지도 API 활용 - Kakaomap 활용 [클릭한 위치의 정보와 마커표시]

Kakaopmap API 샘플 코드를 보고 활용 연습을 해보겠음 

직접 해보면서 나한테 맞춰서 약간의 코드 수정했음

카카오 개발 홈페이지에서 보여주는 예제 샘플을 참고하지만, 

그대로 사용 안 하고 내 맘대로 하겠음

---

Contents

---

1. 기본지도로드      

지도API 활용 - 2D 지도(기본지도로드)

           1.1.  2D지도생성
           1.2.  2D지도마커추가

2. 지도활용 Kakaopmap

           2.1. 지도 이동 · 레벨 바꾸기
           2.2. 지도 웹페이지에 중심좌표 및 컨트롤 정보 나타내기
           2.3. 지도 컨트롤 올리기 (기본 컨트롤, 사용자 컨트롤 올리기)
           2.4. 지도 잠금
           2.5. 교통정보·로드뷰·지형도 올리기 - OverlayMapTypeId(mapTypeId)
         2.6. 클릭한 위치의 정보와 마커표시
 

.....

 

---

 

카카오의 샘플예제를 살펴보겠다. 

---

Kakao Developers . Kakao Maps API 기본 코드 

---

Kakao Developers.Kakao Maps API - Sample - 클릭이벤트

 

---

" Bongbongsam " Kakao Maps API 실행결과 바로 보기  

---

코드는 별 차이가 없어 따로 추가하지 않겠음. 

일단 시작할때 마커가 안보이길 원한다면

  marker.setMap(map);

 위 코드를 클릭이벤트 안에 넣으면 된다 

아.. 

내가 궁금한게 하나가 생겼다. 

위에  코드는 각각의 액션이 다르다 

지도가 바뀔때는 maptypeid_changed, 줌레벨은 zoom_changed 그리고 지도 좌표는 click ,, 기본지식없이 독학으로 해결할라고 하니 . 구조에 대해서 잘 이해가 안되는건가.. 

이벤트가 중복으로 사용될 수 는 없는건가? 

위에 각각 이벤트에 맞는 출력문자를 원하는게 아니라. 전체 문장이 각각이벤트일때 그때만 변하게 코딩하고싶다. 

그럼. 생각좀해보겠음. 

이건 2탄으로 올려야겠다.