Daum 지도 website에 넣기 ( 지도 api 사용법 )

How to use daum map api

daum 지도 web api 사이트에서 api 키 발급 받기.

app 만들기 = api 키 발급 받기 이다. api 키 발급 버튼은 아무리 찾아다녀도 없다. (ㅠㅠ헷갈리는 UX때문에 찾느라 고생함.)
app 만들기는 [모든플랫폼] 옵션으로 선택하고 클릭만 하면 api키가 생성되어있을 것임. (daum or kakao login하면 됩니다.) http://developers.daum.net/console

내가 web site에 보여주려고 하는 장소의 위도,경도 값 찾기

https://developers.daum.net/services/apis/local/geo/addr2coord
여기에서

https://apis.daum.net/local/geo/addr2coord?apikey={apikey}&q=제주 특별자치도 제주시 첨단로 242&output=json

{apikey} 자리에 자신이 위에서 얻은 apikey를 쓰고,
제주 특별~~ 이하의 주소 대신 내가 보여주려고 하는 장소를 씁니다.
그리고 그렇게 수정해서 완성한 url을 postman 또는 브라우저에 붙여넣고 get 요청을 하면 !!! 원하는 위도, 경도 값이 json 형태로 보일 것입니다 :)

원하는 크기의 지도 생성하기

http://apis.map.daum.net/web/wizard/ 이 링크는 정말이지 엄청나게 편리합니다. Thanks to DAUM!!!!
2번에서 알아낸 위도,경도값을 입력하고, 원하는 지도 크기를 입력하고, 아래에 있는 여러가지 옵션을 추가하거나 제거하면
오른쪽에 있는 Javascript코드에 알아서 반영됩니다!!!
모바일에서는 아래위 탐색이 많으니까 휠로 지도/확대 축소 허용 옵션을 사용하지 않는 편이 좋았습니다.
지도 타입변경/확대변경 컨트롤 옵션은 선택하는 것이 사용자에게 훨씬 좋을 것 같네요. (정작 나는 빼먹었네...)

wizard 는 코딩을 1줄도 하지 않도록 도와주는 옵션이고,
tutorial중 에는 특정 버튼을 누르면 daum 지도 앱(모바일에서 설치되어있는 경우) 또는 지도웹으로
직행하게 하는 버튼 생성하는 것도 안내되어있습니다.
custom할 수 있는 것도 많으니 능력자 분들은 wizard를 안 쓰셔도 될 듯 합니다.