카카오 지도를 웹사이트에 넣기

카카오 지도를 웹사이트에 넣기

카카오 지도를 웹사이트에 삽입해보자

워드프레스에 지도를 삽입하면 기본이 구글지도 였는데 우리나라 지도가 더 상세하여 카카로 지도를 삽입해 보려고 실험해 보았다. 지도 위치는 우리집 큰 병원. HTML지도임으로 이것을 지원하는 사이트는 어디든 삽입할 수 있을 것이다.

나는 여기 내 블로그에 삽입해 본다.

아래와 같이 따라하여 결과가 나오는지를 확인할 것이다.

부라우저에서 https://map.kakao.com/ 왼쪽 검색에서 [세인트마리 여성병원] 돋보기 클릭 마우스로 원하는 위치 이동 또는 확대 팝업창 하단 우측 끝( 3번째 아이콘 ) 클릭 [URL 복사 / HTML태그 복사]가 나오면 HTML복사 클릭

6. 'HTML태그 복사' 지도 팝업창이 나타남

7. 지도 하단에 '소스 생성하기' 청색버튼 클릭

8. '일반지도'를 선택

9. 아래쪽 블록으로 자동선택된 소스를 복사

10. 아래와 같은 소스가 복사됨

2. 설치 스크립트

* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.

-->

new daum.roughmap.Lander({

"timestamp" : "1627905320572",

"key" : "26u6z",

"mapWidth" : "640", (삭제열)

"mapHeight" : "360"

}).render();

new daum.roughmap.Lander({ "timestamp" : "1627905320572", "key" : "26u6z", "mapHeight" : "360" }).render();

from http://happyaz.tistory.com/479 by ccl(A) rewrite - 2021-08-02 22:00:18