kakao map

목표 - 지도 띄운거에 표시 띄우기

어디서 어떤 툴로 데이터 받아올 지, 어떤 툴로 마크 띄울지

kakao document 정리

Kakao 지도 Javscript API 는 키 발급을 받아야 사용할 수 있습니다.그리고 키를 발급받기 위해서는 카카오 계정이 필요합니다. 키 발급에는 아래 과정이 필요합니다. 1. (https://developers.kakao.com) 접속2. 개발자 등록 및 앱 생성3. 웹 플랫폼 추가: 앱 선택 - [설정] - [일반] - [플랫폼 추가] - 웹 선택 후 추가4.

http://apis.map.kakao.com/web/guide/

3 kakao map library

clusterer - clustering marker

services - 장소 검색 과 주소-좌표 변환 을 할 수 있는 services 라이브러리 입니다.

drawing - 마커와 그래픽스 객체를 쉽게 그릴 수 있게 drawing 라이브러리 입니다.

대충 코드를 짜봤다 기능은 drawing 이 목표라서

위치 설정

marker 등록

hover 이벤트

요런 식으로 hover 나 click 시에 info window 생성

server connect

localhost:10010에서 데이터 받아와야 하므로 svr에서 받아오기

yarn 하고 start해서 돌리니

잘 받아와진다 지도도 3080으로 등록하고

일단 10010 포트 서버와 3080 서버 관계파악이 우선이다 .. js 콜백도 모르겠고

branch map을 만들어서 거기서 작업중

geojson이 없어서 만들려는데 있는 거였음...

일단 데이터는 뜨고

이제 이 코드에다가 맵 삽입해야하는데

간단

카카오맵과 lat lon x, y 순서 다르니까 조심

뜬다 클릭 추가하라시는데 뭔소리지?

일단 readme로 docgen 하고

document 들 보는데 콜백이다 전부

왼쪽에 있는거 jumbotron-narrow.js 오류 수정

이거만들려고

Kakao 지도 API

Kakao 지도 API를 이용해보세요. 다양한 샘플과 상세한 매뉴얼로 개발자분들의 시간을 아껴드리겠습니다!

http://apis.map.kakao.com/web/sample/moveRoadview/

여기보는데 코드 너무 어려워..

수많은 에러...

이렇게 단 알파뱃으로 나오는 녀석들 에러는 무조건 변수 잘못넣은 경우다

좌표, 지도, 좌표변환

이런거들 등 잘 클ㄹ래스 맞게 넣어야함

됬다 헤헤

이제 원래 있던 마커 빼고

master 로 merge해야!

local master에 가서 fetch merge해서 겨우겨우 merge conflict 해결!

push 까지 하고 완료오