'Lecture'에 해당되는 글 33건

키를 이용해서 하는 방법도 있지만 그냥 구글 지도를 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> 를 넣어주시면 됩니다.

<script type="text/javascript" language="javascript">
 var mobile = new Array('Android', 'BlackBerry', 'IEmobile', 'iPhone', 'iPod', 'LG', 'Mobile', 'MOT', 'Opera Mini', 'Opera Mobi', 'SAMSUNG', 'SonyEricsson', 'Symbian', 'Windows CE', 'Windows CE;');
 for (var word in mobile){
  if (navigator.userAgent.match(mobile[word]) != null){
   window.location.href = "http://www.naver.com";  // 여기에 특정 페이지를 넣어 주시면 됩니다.
   break;
  }
 }
</script>

http://www.javascript.co.kr/index.php?

http://www.digitalpalace.net/

http://www.javascriptsource.com/

http://www.happyscript.com/

http://www.blueb.co.kr/blueb/

http://www.happycgi.com/

http://www.hompy.info/category/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8

 : http://modangs.tistory.com/53

소스 용량 줄이기(한줄로 바꾸기) : http://blog.naver.com/agapeuni?Redirect=Log&logNo=60114699724

소스 한줄-> 정리 해주기 : http://bhnbhn.tistory.com/254

자바스크립트 소스 보기 : http://okjungsoo.tistory.com/540