안녕하세요. 달소입니다.

지인분 펜션 사이트를 만들던중 지도를 넣는과정에서 사용되는 iframe을 카카오맵과 구글맵등에서 가져오는 방법입니다.

1. 카카오맵 위치 iframe 소스로 받아오기

https://map.kakao.com/카카오맵당신을 좋은 곳으로 안내 할 지도카카오맵

위 주소에서 장소 검색 후 공유하기 클릭.

HTML 태그 복사

크기나 아이콘을 변경하고 소스 복사

일반지도와 이미지 지도 형태 중 하나를 선택해서 소스를 복사 후 원하는 사이트에 HTML로 붙여넣기

넣어주면 아래처럼 잘 표시됩니다.

로드뷰길찾기지도 크게 보기

구글 지도 넣기

구글도 동일한 형식입니다.

https://www.google.com/maps/?hl=koGoogle 지도Google 지도에서 지역정보를 검색하고 지도를 살펴보거나 운전경로 정보를 검색합니다.Google 지도

장소 검색 후 공유하기 -> 지도 퍼가기 후 iframe 소스 복사 붙여넣기

넓이는 width를 조절해주면됩니다.https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d381.76219386482546!2d127.03311241811302!3d34.63505218276277!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3572695197df0033%3A0x23cc5a679d993981!2z7KCE652864Ko64-EIOyepe2dpeq1sCDslYjslpHrqbQg7IiY66y47Jqp6rOh66GcIDE3MQ!5e0!3m2!1sko!2skr!4v1624726495929!5m2!1sko!2skr

네이버는 저런식으로 제공을 안하네요.. 따로 찾아보는걸로..ㅠ[Reference] : 달소, 「서버포럼 – 블로그&웹사이트에 카카오 맵,구글캡,네이버 지도 장소 넣기」 https://svrforum.com/?document_srl=45434&mid=develop&act=dispBoardContent.