본문 바로가기

IT/misc

[스크랩] 구글지도 삽입하기

오늘은 간단하게 워드프레스에 구글 지도를 삽입하는 방법을 알려드리고자 합니다. 기존에는 주소를 검색하면 해당 주소에 대한 HTML 값이 검색영역에 동일한 위치에 노출되었습니다. 최근 이 부분에 변동이 있었습니다. 변동된 노출위치를 확인해보며, 간단하게 워드프레스에 구글 지도 삽입하는 방법을 따라 해보세요. 

| 워드프레스 구글 지도 삽입하기



1. Google 지도 검색

워드프레스에 구글 지도 삽입하기 첫번째.

구글에서 직접 주소를 검색하거나, https://maps.google.co.kr에 접속하여 주소를 검색할 수 있습니다.

나인팩토리_워드프레스 구글지도 삽입

2. 주소 검색

앞서 설명드린 방법을 이용하여, 주소를 검색합니다.

기존의 기도공유 및 삽입 링크 버튼이 별도 분리되어, 지도 우측 하단에 노출되는 것을 확인하실 수 있습니다.

나인팩토리_워드프레스 구글 지도 삽입

3. 지도공유 및 삽입

지도 공유 및 삽입 버튼을 클릭하면 팝업창이 노출됩니다.

링크공유와 지도삽입의 탭으로 나뉘어져 있으며, 지도삽입 탭을 선택하여 크기를 작게 / 중간 / 크게 / 맞춤크기(사용자 설정)로 선택하여 HTML을 얻을 수 있습니다.

나인팩토리_워드프레스 지도넣는법

4. 워드프레스 글쓰기

구글지도에서 HTML을 복사하여, 워드프레스 편집기에 입력합니다.

나인팩토리_워드프레스 지도삽입

5. 워드프레스 구글 지도 노출 확인

글을 발행하면 위와 같이 지도가 정상적으로 노출되는 것을 확인할 수 있습니다.