2007년 08월 22일
구글 맵 embed기능 추가 + 이글루스용 코드 변환기
유튜브에서 한 수 배운거죠. 저 번 주에 짧게 포스트했었는데, 오늘 제대로 추가가 되었더군요. 유튜브처럼 몇 줄의 태그만 모아 붙이면 포스트나 게시판에 딱 원하는 곳의 지도가 뜨는 겁니다.
보시는 바 대로 Link to this page를 열면 link와 더불어 embed 옵션이 생긴 걸 알 수 있습니다. 같은 방식으로 복사해서 붙이면 되는 거죠. Customize... 메뉴에서 지도의 크기를 별도로 조절할 수 있습니다. 구글 맵에 이미 구현된 My Map 기능하고 연계하면 간단한 정보전달 지도로도 활용할 수 있어요. 포스트에 이 기능이 어떻게 사용되었나를 확인하시려면 Google Maps Mania를 방문해 보시길. 저거 Blogger에서 구현한다고 사람들이 난리치던 기억이 있는 데, 아주 깔끔하게 들어갑니다.
한데 안타깝게도... <iframe> 태그를 쓰는지라 이글루스에서는 저 기능을 사용할 수가 없습니다. 뭐, 조만간 방법을 찾아내실 분들이 있으실지도 모르겠지만, 일단 태그를 잘 모르는 저는 좌절입니다. (Google Maps Mania에서)
추가: 경사스럽게도... NuRi님이 코드 컨버터를 만드셨습니다. 하니 이제 저같은 일반 사용자들도 이글루스에 구글 맵을 쉽게 붙일 수 있게 되었네요. 감사. 일단 NuRi's Tools - Google Maps 변환기로 가시는 겁니다. 그럼 아래와 같은 화면이 뜹니다.
남은 일은 구글 맵에서 생성된 코드를 위쪽 상자에다 넣고 변환하기 버튼을 누르면 아래쪽 상자에 새로 코드가 생성됩니다. 그걸 이글루스 글 편집기에서 html 입력에 붙여넣으면 됩니다.
(이글루스... NuRi님께 소정의 사례를 제대로 지급하고 이거 기본사양으로 제공하면 안되겠습니까?)
아래는 New York의 Battery Park City 예제입니다.
이게 Small

그리고 아래가 Default인 Medium입니다.

덕분에 종종 사용하게 될 것 같군요. 다시 NuRi님께 감사의 마음을 보냅니다. 핑백으로요.
추가: 흠, 마음으로 찍는 사진님의 트랙백을 쫓아가 보니 Channy님이 Naver와 Google Maps API로 만든 나만의 지도 만들기란 서비스가 돌아가고 있었네요. 늦게서야 알았지만 참 반가운 일입니다. 한데, 다음 맵하고 구글 맵 예제는 잘 뜨는 데, 이 서비스로 제작한 맵은 제가 접속했을 때는 보이지 않더군요 (저는 IE6로 접속했습니다.) 나중에 다시 한 번 체크해 봐야 겠습니다. 저 서비스도 나중에 시험해 보고 포스팅 할 수 있으면 해보도록 하지요. 역시 마음으로 찍는 사진님께도 감사의 마음을 보냅니다. 이번엔 트랙백으로요.
보시는 바 대로 Link to this page를 열면 link와 더불어 embed 옵션이 생긴 걸 알 수 있습니다. 같은 방식으로 복사해서 붙이면 되는 거죠. Customize... 메뉴에서 지도의 크기를 별도로 조절할 수 있습니다. 구글 맵에 이미 구현된 My Map 기능하고 연계하면 간단한 정보전달 지도로도 활용할 수 있어요. 포스트에 이 기능이 어떻게 사용되었나를 확인하시려면 Google Maps Mania를 방문해 보시길. 저거 Blogger에서 구현한다고 사람들이 난리치던 기억이 있는 데, 아주 깔끔하게 들어갑니다.
한데 안타깝게도... <iframe> 태그를 쓰는지라 이글루스에서는 저 기능을 사용할 수가 없습니다. 뭐, 조만간 방법을 찾아내실 분들이 있으실지도 모르겠지만, 일단 태그를 잘 모르는 저는 좌절입니다. (Google Maps Mania에서)
추가: 경사스럽게도... NuRi님이 코드 컨버터를 만드셨습니다. 하니 이제 저같은 일반 사용자들도 이글루스에 구글 맵을 쉽게 붙일 수 있게 되었네요. 감사. 일단 NuRi's Tools - Google Maps 변환기로 가시는 겁니다. 그럼 아래와 같은 화면이 뜹니다.
남은 일은 구글 맵에서 생성된 코드를 위쪽 상자에다 넣고 변환하기 버튼을 누르면 아래쪽 상자에 새로 코드가 생성됩니다. 그걸 이글루스 글 편집기에서 html 입력에 붙여넣으면 됩니다.
(이글루스... NuRi님께 소정의 사례를 제대로 지급하고 이거 기본사양으로 제공하면 안되겠습니까?)
아래는 New York의 Battery Park City 예제입니다.
이게 Small

그리고 아래가 Default인 Medium입니다.

덕분에 종종 사용하게 될 것 같군요. 다시 NuRi님께 감사의 마음을 보냅니다. 핑백으로요.
추가: 흠, 마음으로 찍는 사진님의 트랙백을 쫓아가 보니 Channy님이 Naver와 Google Maps API로 만든 나만의 지도 만들기란 서비스가 돌아가고 있었네요. 늦게서야 알았지만 참 반가운 일입니다. 한데, 다음 맵하고 구글 맵 예제는 잘 뜨는 데, 이 서비스로 제작한 맵은 제가 접속했을 때는 보이지 않더군요 (저는 IE6로 접속했습니다.) 나중에 다시 한 번 체크해 봐야 겠습니다. 저 서비스도 나중에 시험해 보고 포스팅 할 수 있으면 해보도록 하지요. 역시 마음으로 찍는 사진님께도 감사의 마음을 보냅니다. 이번엔 트랙백으로요.
# by | 2007/08/22 09:55 | IT | 트랙백(2) | 핑백(3) | 덧글(8)












☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
제목 : Google Map을 블로그에서 보자.
이 내용은 어제발 기사인것 같습니다. 어제 조금 바빴다는 이유로 하루 늦은 포스팅을 하게 되네요. Google이 Google Map을 웹 페이지에 넣을수(Embed) 있도록 했습니다. 관련기사는 ... Google to Offer Embeddable Maps (via Read/WriteWeb) YouTube-style Embeddable Maps (via Google Lat Long Blog) 새로 적용된 이 기능을 이용하면 바로 자신의 블로그......more
제목 : 이글루스에서 구글 맵 사용하기
※ 우선 남쪽계단님의 구글 맵 embed기능 추가를 읽어 주세요. 남쪽계단님이 올려두신 글을 보면 이제 구글맵도 손쉽게 공유가 가능하게 되었습니다. 그런데 iframe 태그를 쓰다 보니 이글루스에서는 바로 사용할 수 없어 안타까워 하시는 분이 계시길래 잠시 시간을 내서 간단한 페이지를 만들어 보았습니다. 몇분만에 대충 만든거라 별 다른 기능은 없습니다. ^^; NuRi's Tools - Google Maps 변환기 이 주소......more
... 간을 볼 수 있는 기능 하나가 저 개인화 페이지 하고 같이 공개 되었어요. 일단은 Public Domain인 책들 (혹은 아주 오래된 책들)이 대상인데요. 구글 맵을 embed 할 수 있게 한 것 처럼 책 내용의 일부를 떼어서 블로그 같은 데 embed 할 수 있게 해 놓았습니다. Google Blogoscoped 예를 들어 도킨스 아저씨 ... more
... mashable 구글 맵이 지도 embed 기능을 더한지 한 3주만인가요? 예상치 못한 곳에서 반격해 오는 군요. Ask.com이 자체 지도 서비스인 Ask City에서 embed 기능을 제공하기 시작했습 ... more
... 유저는 한동안 기다리셔야 할 것 같습니다.) 그 뿐만 아니라 각각의 방을 브라우저에 embed하는 게 가능합니다. (TechCrunch 포스트에서 처럼 말이죠.) 딱 구글 맵 처럼 말이죠. mashable 그러니까, IE나 Firefox를 쓰는 양반들은 플러그인만 설치하면 Lively 3D 가상세계를 그냥 웹에서 볼 수 있게 된 셈입니다. ... more
글 잘 읽고 있습니다. 감사합니다.
뭐 어려운 코드도 아니니 보통 개발자는 발가락으로도 짤 수 있는 코드인걸요. ^^;
NuRi// 그렇군요 제 손가락을 개발자의 발가락으로 바꾸면... 흉하겠지요? 다른 사람들은 몰라도 저는 종종 쓸 예정입니다. 종종 체크해보세요.
그리고.. 좋은 솔루션을 찾으셨군요.. :)
http://www.wayfaring.com/maps/show/25018
http://isanghee.com/261
그런데 태터도 iframe 적용이 안 되어서 플럭인 써야할 듯. 한번 해 봐야겠어요.
isanghee// 태터도 그렇군요. 흠, 이글루스 전용 툴이란 말을 바꿔야하지 않을까 싶네요. 소문도 좀내고.