MashUp Main페이지

◑ daum 지도를 삽입하는 방법

1. 다음 지도 사이트 ( https://map.kakao.com/ ) 로 들어갑니다.
2. 왼쪽 상단 주소 입력란에 주소 혹은 상호를 입력합니다.
3. 위치 마크 클릭 > 지도공유 > 지도퍼가기 > 소스 생성하기
4. 오른쪽으로 구부러진 화살표 클릭하면 [URL 복사],[HTML 태그 복사]
5. [HTML 태그 복사]를 선택
6. [지도크기], [아이콘 변경], 설정후 하단의 [소스 생성하기]
7. [소스 생성하기]창에서 [일반지도], [이미지 지도]선택해서
8. 소스를 복사한 후, 원하는 곳에 붙여넣기(Ctrl+v) 해주세요.

예제: 서울숲 카카오맵 지도 삽입 방법

---

◑ 구글 지도를 삽입하는 방법

• 구글 지도 사이트 ( https://www.google.co.kr/maps ) 로 들어갑니다.
• 왼쪽 상단 주소 입력란에 주소를 입력합니다.
• 왼쪽 상단 주소 하단의 [공유] 를 클릭합니다.
• [지도 퍼가기] 를 클릭하여 우측의 'HTML 복사' 를 클릭하여 소스를 복사합니다.
• 자신의 홈페이지에 iframe 소스를 삽입하면 됩니다.

예제: 후암별채 이누스 지도 iframe코드로 삽입

---

◑ 네이버 지도를 삽입하는 방법

• 네이버 지도 사이트 ( https://map.naver.com/ ) 로 들어갑니다.
• 왼쪽 상단 주소 입력란에 장소 입력합니다.
• 왼쪽[공유]클릭 삽입하고자 하는 곳 선택후 [URL 복사]
• 웹페이지에 삽입(네이버지도는 iframe코드가 허용되지 않았다)

예제: 네이버 지도 삽입 '경기도 초대한정식'지도삽입

경기도 초대한정식