블로그&웹사이트에 카카오 맵,구글캡,네이버 지도 장소 넣기

 

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

 

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

 

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

https://map.kakao.com/

 

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

 

HTML 태그 복사

 

 

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

 

 

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

 

 

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

 

 

구글 지도 넣기

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

 

https://www.google.com/maps/?hl=ko

 

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

 

 

넓이는 width를 조절해주면됩니다.

 

 

 

네이버는 저런식으로 제공을 안하네요.. 따로 찾아보는걸로..ㅠ