2007/08/22 14:42
Google Map을 블로그에서 보자. Web2007/08/22 14:42
이 내용은 어제발 기사인것 같습니다. 어제 조금 바빴다는 이유로 하루 늦은 포스팅을 하게 되네요.
Google이 Google Map을 웹 페이지에 넣을수(Embed) 있도록 했습니다.
관련기사는 ...
Google to Offer Embeddable Maps (via Read/WriteWeb)
YouTube-style Embeddable Maps (via Google Lat Long Blog)
새로 적용된 이 기능을 이용하면 바로 자신의 블로그에 구글 맵을 넣을 수 있습니다. 일전에 Channy님이 Google map과 Naver Map의 api를 활용해서 나만의 지도 만들기 라는 것을 오픈 했었는데요. 그 기능과 비슷한 기능이라고 보면 될 것 같습니다.
국내 포털의 지도 서비스 중에서 네이버맵은 아직 퍼가기 기능을 지원하지 않고 있고, 다음맵은 그 기능을 지원하고 있습니다. 야후 코리아의 맵은 콩나물의 맵을 써서 다음 맵과 동일한 기능이 구현 가능할 것으로 보이나 FireFox에서 보이지 않아서 테스트 하지 않았습니다.
구글 맵을 블로그에 넣기 위해서는 지도 우측 상단에 있는 "Link to this page"를 선택하면 됩니다. 선택해서 나오는 아래와 같은 상자에서 아랫쪽에 있는 코드를 블로그에 붙여 넣으면 되는 것이지요.
만약 지도가 원하는 위치를 표시해 주지 않으면, 그림의 아래에 있는 "Customize and preview embedded map"을 눌러서 좀더 세밀한 조정 후 올리는 것도 가능합니다.
아래는 서울시청 부근의 지도를 Google Map의 새로운 기능을 이용해서 제 블로그에 넣은 예제 입니다.
View Larger Map
아래는 기존에 Channy님이 만들어 놓은 메뉴를 이용해서 만든 예제 이구요.
마지막으로 아래는 다음 맵의 기능을 이용해서 만들어 봤습니다.
각 지도를 테스트 해 보고나니, 구글 맵과 나만의 지도만들기의 경우 페이지 내에서 Drag 등이 가능하나 다음 맵에서는 이미지로 표현을 하다 보니 Drag는 불가능하고 맵을 클릭하면 새창에 다음 맵사이트의 해당 위치를 표시해 주네요. 즉, 구글 맵과 Channy님의 나만의 지도만들기는 맵을 붙여 넣을때 iframe을 사용해서 이글루스와 같은 블로그에서는 사용 불가능하지만, 다음 맵의 경우는 div를 사용해서 지도 정보를 올리는 것은 가능하나, 테스트해보니 이미지는 올라가는데 페이지 구조가 깨지는 현상이 나타나네요.
Google이 Google Map을 웹 페이지에 넣을수(Embed) 있도록 했습니다.
관련기사는 ...
Google to Offer Embeddable Maps (via Read/WriteWeb)
YouTube-style Embeddable Maps (via Google Lat Long Blog)
새로 적용된 이 기능을 이용하면 바로 자신의 블로그에 구글 맵을 넣을 수 있습니다. 일전에 Channy님이 Google map과 Naver Map의 api를 활용해서 나만의 지도 만들기 라는 것을 오픈 했었는데요. 그 기능과 비슷한 기능이라고 보면 될 것 같습니다.
국내 포털의 지도 서비스 중에서 네이버맵은 아직 퍼가기 기능을 지원하지 않고 있고, 다음맵은 그 기능을 지원하고 있습니다. 야후 코리아의 맵은 콩나물의 맵을 써서 다음 맵과 동일한 기능이 구현 가능할 것으로 보이나 FireFox에서 보이지 않아서 테스트 하지 않았습니다.
구글 맵을 블로그에 넣기 위해서는 지도 우측 상단에 있는 "Link to this page"를 선택하면 됩니다. 선택해서 나오는 아래와 같은 상자에서 아랫쪽에 있는 코드를 블로그에 붙여 넣으면 되는 것이지요.
만약 지도가 원하는 위치를 표시해 주지 않으면, 그림의 아래에 있는 "Customize and preview embedded map"을 눌러서 좀더 세밀한 조정 후 올리는 것도 가능합니다.
아래는 서울시청 부근의 지도를 Google Map의 새로운 기능을 이용해서 제 블로그에 넣은 예제 입니다.
View Larger Map
아래는 기존에 Channy님이 만들어 놓은 메뉴를 이용해서 만든 예제 이구요.
마지막으로 아래는 다음 맵의 기능을 이용해서 만들어 봤습니다.
지도를 클릭하시면 서울시청 위치정보를 확인하실 수 있습니다.
각 지도를 테스트 해 보고나니, 구글 맵과 나만의 지도만들기의 경우 페이지 내에서 Drag 등이 가능하나 다음 맵에서는 이미지로 표현을 하다 보니 Drag는 불가능하고 맵을 클릭하면 새창에 다음 맵사이트의 해당 위치를 표시해 주네요. 즉, 구글 맵과 Channy님의 나만의 지도만들기는 맵을 붙여 넣을때 iframe을 사용해서 이글루스와 같은 블로그에서는 사용 불가능하지만, 다음 맵의 경우는 div를 사용해서 지도 정보를 올리는 것은 가능하나, 테스트해보니 이미지는 올라가는데 페이지 구조가 깨지는 현상이 나타나네요.
TRACKBACK | http://isponge.net/trackback/2461809
-
SUBJECT Google Maps, 지도를 사이트에 바로 삽입할 수 있는 기능 추가
2007/08/22 18:16 TRACKED FROM TechCabin 삭제전 세계 위성 지도를 서비스하는 Google Maps에 새로운 기능이 추가되었다. 자신이 보고 있는 지도 화면을 자신의 사이트에 그대로 가져갈 수 있는 기능인데, 이는 YouTube에서 제공하는 기능과 같...
-
SUBJECT 구글 맵 embed기능 추가 + 이글루스용 코드 변환기
2007/08/22 19:42 TRACKED FROM 남쪽계단 삭제유튜브에서 한 수 배운거죠. 저 번 주에 짧게 포스트했었는데, 오늘 제대로 추가가 되었더군요. 유튜브처럼 몇 줄의 태그만 모아 붙이면 포스트나 게시판에 딱 원하는 곳의 지도가 뜨는 겁니다. Google Maps Mania 보시는 바 대로 Link to this page를 열면 link와 더불어 embed 옵션이 생긴 걸 알 수 있습니다. 같은 방식으로 복사해서 붙이면 되는 거죠. Customize... 메뉴에서 지도의 크기를 별도로 ...
-
SUBJECT 구글맵 블로그에 넣기
2007/08/23 17:00 TRACKED FROM 정보와 휴식...그리고 미래 삭제Google Map을 웹 페이지에 넣을 수 있다고 하길래 테스트 해 봤더니 잘 되네요. 좋은 정보 감사합니다. 위치는 지난번에 방문한 영화 화려한 휴가 촬영지입니다. View Larger Map
-
SUBJECT 블로그에 구글맵 넣기
2007/08/29 12:40 TRACKED FROM York: a chance to identify myself 삭제구글맵은 블로그에 넣는다는 소식(Google Map을 블로그에서 보자)에 넘 신기해서 저도 해봤습니다. 잘 되네요. ^^ 구글 팽창이 어디까지 갈 지 궁금합니다. 좋은 정보 감사합니다.. View Larger Map
댓글을 달아 주세요
앗~~ 저랑 똑같은 시킨을 사용하네요.
순간 저의 블로그인줄 착각했습니다.
허헛.. 정말 똑 같은 스킨을 사용하고 계시네요.
반갑습니다.
다른 맵 서비스에 관한 내용도 잘 배우고 갑니다. 다만 제가 IE6로 보니 Channy님 서비스로 만든 맵은 보이질 않는 군요. 제 설정 문제일까요?
FF에서 테스트 하고 올렸는데요.
정말로 IE6에서는 보이지가 않네요.. -_-
왜 그럴까요??? 저도 궁금