간혹 워드프레스 포스트에 구글 지도를 추가하고자 할 때가 있다.

그럴 때 어떻게 해야할까? 방법을 알아보자.

구글 지도

1. 구글 지도(http://maps.google.com/) 접속

2. 지도에 넣고자하는 장소 검색

3. 공유 버튼 클릭

4. 지도 퍼가기 » 크기 설정 » HTML 복사

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12657.600930390674!2d126.97935708161042!3d37.52206166073305!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca2ed7e746c37%3A0x616286c7a66e50e7!2z6rWt66a97KSR7JWZ67CV66y86rSA!5e0!3m2!1sko!2skr!4v1646707657578!5m2!1sko!2skr" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

이 태그가 복사 된다.

이 태그를 워드 프레스 포스트안에 넣으면 아래와 같이 지도가 표시됨. ( 예시에서는 모바일 페이지가 계속 깨져서 100%로 설정 함)

이 때 width, height를 지우면 작은 사이즈의 지도가 보이게된다.

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기