본문 바로가기
IT/이것저것

티스토리에 카카오맵(로드뷰)을 추가해보자(kakao map api)-3(끝)

by JadeSon 2021. 1. 2.

2021/01/01 - [IT/이것저것] - 티스토리에 카카오맵(로드뷰)을 추가해보자(kakao map api)-1

 

티스토리에 카카오맵(로드뷰)을 추가해보자(kakao map api)-1

가장 중요한 지도 API는 무료로 제공됩니다. 추가 방법 일반적으로 2D 지도 첨부는 티스토리에서 지원을 합니다. 2021/01/01 - [IT/이것저것] - 티스토리에 카카오 지도를 추가하기 티스토리에 카카오

ww-w.tistory.com

2021/01/01 - [IT/이것저것] - 티스토리에 카카오맵(로드뷰)을 추가해보자(kakao map api)-2

 

티스토리에 카카오맵(로드뷰)을 추가해보자(kakao map api)-2

2021/01/01 - [IT/이것저것] - 티스토리에 카카오맵(로드뷰)을 추가해보자(kakao map api)-1 티스토리에 카카오맵(로드뷰)을 추가해보자(kakao map api)-1 가장 중요한 지도 API는 무료로 제공됩니다. 추가 방법

ww-w.tistory.com

이전글이 도움이 될 것이라 생각됩니다.

로드뷰 추가 마지막 입니다.

해당 내용은 아래 주소에서 발췌 하였습니다.

apis.map.kakao.com/web/sample/basicRoadview/

출처 : https://apis.map.kakao.com/web/sample/basicRoadview/

HTML 모드에서 해당 내용을 복사 후 발급받은 APP Key 부분에 앱 키를 추가합니다.

위의 내용은 출처에서 복사해서 하시는 것을 추천드립니다 :)

 

 

 

 

로드뷰 생성하기

 

예제와 같이 추가되는 것을 볼 수 있으며, 지도 내에서 이동이 가능합니다.

또한 apis.map.kakao.com/web/sample/basicRoadview/에서 직접 해보기를 클릭한뒤, 위도와 경도를 변경하면 위치 및 이미지에 대한 정보를 미리 확인할 수 있습니다.

33.450701에서 33.250701로 변경을 진행하니 위치 및 이미지가 변경되었습니다.

이 포스팅을 진행하면서 html에 대해 공부해보고 싶은 마음이 생기네요..

 

분명 예제가 있으니, 응용하면 정말 잘 사용할 수 있을 것 같습니다.

반응형