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

  아임웹 연구소 소장 해준  |  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

아임웹 공식제휴사

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