'매시업'에 해당되는 글 1건

  1. 2010.07.07 위치를 기반으로 하는 트위터 검색지도 (1)
2010.07.07 13:44

위치를 기반으로 하는 트위터 검색지도

GoogleMapsMania 의 Create your own Twitter Map 에서 이 지도에 대해 언급하기에 나도 따라해본다^^ 원래 Google Maps API 문서의 Article 메뉴의 Fun with MVC Objects 문서의 맨 하단에 MVC 활용 샘플로 소개된 지도인데 내가 볼땐 걍 그런갑다 싶었는데 남의 홈페이지에 올라오니까 왠지 그럴싸하게 느껴진다...^^

아래 그림에서 볼 수 있듯이 Google Maps API 와 Twitter API를 가지고 만든 매쉬업인데 내부적으로는 html5 로 작성되었고 프로그래밍의 편리를 위해 jQeury 라이브러리를 사용하고 있다. 원래 샘플 지도에는 문자 Escape 함수로 escape()를 쓰고 있어 한글 검색이 안되길래 encodeURI() 메소드로 바꾸어서 한글도 처리되도록 했으며 HTML의 영어 부문만 한글로 바꾸었다. 이런 지도 이미 많겠거니 해서 구글링을 했더니 별로 없는 듯 하다. 모바일에서는 원래 되는 거 아닌가? 아이폰이나 안드로이드 폰이 없으니 영 알수가 없네...^^

위 그림 클릭하면 지도 페이지로 이동합니다


위 웹페이지에서 검색어를 다시 입력하고 버튼을 누르거나 원의 중심 마커를 드래그하여 원하는 위치로 이동한 후 빨간 마커 모른편의 이미지를 잡고 드래그하여 직경의 크기를 조절하고 검색 버튼을 누르면 된다. 그런데 오른쪽의 검색결과가 왼쪽 지도에는 다 나타나지 않는 거 같은데 왜 그런지 모르겠다 혹 아시는 분 계시면 답글을...^^

ps. encodeURI() 는 검색어에 '#" 이 있으면 처리가 안되는가 봅니다. 검색어 입력란에 # 문자가 들어가면 정상적인 처리가 안되네요. 한글이나 영어나 상관없이...정규표현식을 써서 처리해야 하나요?
Trackback 0 Comment 1
  1. 트위터API 2011.11.16 21:48 신고 address edit & del reply

    안녕하세요~! 멋진 프로그램이네요~
    저도 비슷한 매시업을 만들고있는데..좌표값은 받아올수가 없네요...
    트윗에서 좌표값을 추출할 수 있나요? 아니면 반경조건 줘서 돌려야하는건가요?