네이버 지도, 장소 정보 임베딩하기

  아임웹 캠퍼스 총창 해준  |  2017 . 11 . 10

시작에 앞서

아래 이미지처럼 네이버 지도에서 검색한 맵 정보를 게시글 본문에 임베딩할 수 없는지 질문이 있었습니다. 저도 아직 한 번도 해보질 않아서 궁금한 마음에 시도해보았습니다. 결론적으로 가능합니다.

이번 강좌에서는 그 방법을 알아볼까요? :)





1단계, 네이버 지도 접속 및 위치 검색하기

네이버 지도(http://map.naver.com)에 접속합니다. 그리고 장소를 검색해주세요.

*이 때 중요한 건 꼭 정확한 주소로 검색해주셔야 합니다.





2단계, HTML 태그 복사하기

검색한 장소의 위치 정보가 담긴 HTML 태그를 복사할 수 있습니다.

1) 지도 도구 하단에 위치한 링크 아이콘을 클릭합니다.
2) 새롭게 나타나는 메뉴에서 HTML 태그 복사 항목에서 [복사]를 클릭해주세요.





3단계, 텍스트 에디터 HTML 편집 모드 열기

새로운 게시글 작성을 클릭합니다. 그리고 텍스트 에디터 도구에서 </> 아이콘을 클릭합니다. 그럼 텍스트 입력란이HTML 편집 모드로 전환됩니다.





4단계, 복사한 HTML 태그 붙여넣기

1) 2단계에서 복사한 HTML 태그를 아래 그림처럼 붙여넣기(단축키 : CTRL + V) 해주세요.
2) [작성]을 클릭해 결과물을 확인해보세요. :)

*복사한 HTML 태그는 [코드 위젯]에 붙여 넣어도 작동합니다.


해준
배우고 익히고 나누는 | 해준씨 | 유용한 콘텐츠 마케팅 | 네이버 카페 '아임웹캠퍼스' 총장
jin@haejoon.com

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

57.3K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

157

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

227

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널 공식파트너입니다.