position:fixed << 이 함수를 이용하면 되는데.. 사용방법은 쉽습니다.
<div style="height:1000px;background-image:url('/images/hohoho.jpg');position:fixed">ㅋㅋㅋ<div>
위와 같이 써주시면 /images/hohoho.jpg는 height가 아무리 끝도 없어도 밑으로 내려가도 고자리에 고정됩니다.^^
position:fixed << 이 함수를 이용하면 되는데.. 사용방법은 쉽습니다.
<div style="height:1000px;background-image:url('/images/hohoho.jpg');position:fixed">ㅋㅋㅋ<div>
위와 같이 써주시면 /images/hohoho.jpg는 height가 아무리 끝도 없어도 밑으로 내려가도 고자리에 고정됩니다.^^
키를 이용해서 하는 방법도 있지만 그냥 구글 지도를 iframe형식으로 가져오는 방법이 쉬워서 이번 글에서는 iframe 사용하는 방법을 알아보시죠..
1. https://www.google.com/maps/@36.3452844,127.9588317,8z
위의 주소를 들어가면 아래 사진처럼 대한민국이 딱~~ 보입니다.
(여기서 부가 적으로 주소를 보면 8z가 있는데 이건 줌 내용입니다. 숫자가 커지면 지도가 자세히 보이게 됩니다.)
2. 자신이 검색할 지명 혹은 주소를 입력하면 검색 지명 혹은 주소가 아래와 같이 나옵니다. 저는 서울역을 검색했습니다.
3. 오른쪽 아래에 일명 설정이라고 불리는 버튼이 있는데 클릭 후 지도 공유 및 삽입부분을 클릭하시면 됩니다.
4. 지도 공유 및 삽입에 들어가면
-1. 링크 공유탭에서는 URL 형식으로 나오는데 이건 약식URL을 이용해서 짧게 바꿀 수도 있습니다.
-2. 지도 삽입탭에서는 크기도 조정이 가능하니 크기를 변경하신 후 iframe소스를 해당 홈페이지에 넣어주시면 끝납니다.
위와 같이 나오는 경우가 있는데 이런 경우는 아마도 jquery를 연결해 줘야 하는데 연결하는 구문이 없어서 인듯 합니다.
<script src="http://code.jquery.com/jquery-latest.js"></script> 를 넣어주시면 됩니다.