블로그, 게시글에 구글 지도, 구글 맵 삽입하기

가볍게 구글 지도를 사용하는 방법에 대해서 알아보겠습니다.

안드로이드OS 스마트폰의 경우 구글지도 어플이 기본적으로 탑재되어 있어서 쉽고 빠르게 사용이 가능하며,

크롬 브라우저와의 연동으로도 손 쉬운 검색이나 지난 주소 찾기가 가능합니다.

---

우선 아래의 주소를 통해 구글 지도에 접속을 합니다.

https://www.google.co.kr/maps

구글 지도의 특징중 하나로는 지도를 움직임에 따라 지도의 좌표, 즉 경도 위도가 표시 된다는 점이 있습니다,

 이를 통해 주소 경위도 좌표를 통한 구글 검색 및 주소 찍기도 가능합니다

개인적이지만.... 얼마전 구글 지도를 통해 요르단의 문화유적 페트라를 검색 한 적이 있기에  페트라를 중점으로 설명하겠습니다

구글 지도에 접속이 되면 좌측 상단부에 아래와 같은 지도 검색이 표시 됩니다.

구글에서 페트라 검색하는 방법

페트라, 페트라 Wadi Musa,Petra,Ma'an

지도, 지역 정보가 나오면, 여기에서 공유 버튼을 눌러줍니다

그럼 2개의 하위 메뉴가 보이는 데요, 링크 공유와 지도 퍼가기 입니다.

링크 공유는 현재 보고 있는 곳의 위치를 URL로서 다른 곳으로 링크하는 기능이며

약식 URL 을 체크하면 https://goo.gl/ 을 통해 짧은 링크로 표시가 됩니다.

지도 퍼가기 기능이 이번 게시글을 작성하는 이유가 되겠습니다.

지도 퍼가기를 누르면 HTML 구조의 iframe 이 표시되면서 하단과 같이

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17021.494744524724!2d35.4387318516036!3d30.32938116105776!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15016ef1703b6071%3A0x199bf908679a2291!2z7Y6Y7Yq46528!5e1!3m2!1sko!2skr!4v1448784514788" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

 HTML 자체로 주소가 복사 됩니다.

이것을 각 블로그나, HTML를 지원하는 커뮤니티에서 HTML 모드를 변환한 뒤 아래처럼 입력해 주시면

실제 아래처럼 지도가 입력되어 공유가 가능합니다.

가볍게 응용하면 아래처럼 광화문이나 그 외의 주소로도 구글지도  불러오기가 가능합니다.

아직 대부분의 블로그 사이트 및 대형 커뮤니티에서 지원하는 해외 지도의 경우에도 구글지도를 통해 서비스 중이기 때문에

구글 지도를 직접 입력하는 것을 배우는 것도 좋은 방법이 아닐까 하고 생각해봅니다.