포럼

  2. Support
  3. 포럼

심심해서 날씨정보 애드온을 하나 만들었습니다.

2013.12.05 12:41

Canto

사실 위젯으로 만들까 하다가..

위젯으로 만들면 레이아웃에 적용하기가 좀 애매해져서.. 

애드온으로 만들어서 레이아웃에 쉽게 표시하게 해봤습니다.

딱히 자료실에 올려서 배포할 껀 아니고요.. 그냥 써보실 분들만 써보세요.. ㅎㅎ


일단 weatherBug 의 API 키가 필요합니다.


http://developer.weatherbug.com/member/register


여기서 웨더버그 개발자로 가입하시면 메일로 API 키가 두개가 옵니다.

하나는 맵 정보 와 관련된 API 의 키고 하나는 날씨관련된 API 키인데요..

날씨 관련된 관련된 API 인 REST XML API 키를 애드온 설정에 나와있는 곳에 넣어주시면 됩니다.


그리고 나서 애드온을 적용시키시면 위치정보를 수집가능한 브라우져..

IE9이상.. 크롬,파폭 등등... 

에서는 상단에 위치정보 수집에 동의 하겠습니까? 라고 뜹니다.

여기서 동의를 하면 해당 위치에 대한 날씨 정보를 가져오고요..

아니면 서울을 기준으로 한 날씨 정보를 가져옵니다.


레이아웃에는

표시하고 싶은 곳에 

<img src="{$weatherIcon}">

를 넣어주시면 됩니다.


운영하는 사이트에서 서울 기준의 날씨정보를 가지고 사이트 로고를 바꾸는 작업을 했는데..

HTML5의 Geolocation 을 가미해서 현재위치에 대한 날씨정보를 뽑아오게 바꿔봤어요..

뭐.. 그냥 재미삼아 써보시라고 올려봅니다.

이 게시물을

Tokyo University of Technology 에서 Computer Science 전공
현재 일본 게임업체에서 모바일 게임 서버 엔지니어로 일하는 중..
 

개인홈 : http://canto.btool.kr

 

좋아요(+1)
목록
글쓴이 제목 최종 글
socialskyo 내일 부터 금XE현상 오겠네요. [2] 2013.12.09 by socialskyo
벨몽이 여러분들은 왜 웹 개발자를 선택하셨나요? [7] 2013.12.09 by Lansi
Canto 서버쪽 관련 이야기를 해봐요~! [7] 2013.12.09 by Canto
컴토피아 기가비트를 넣는 과정에 대해 자세히 적어보았습니다 [18] 2013.12.09 by 컴토피아
아싸로또1등맞고싶어 레이아웃 div css {height:100%} 값을 줬는데도 file  
nado0124 최신 코어하고 1.5하고 스팸차단 능력이 차이가 많이 나나요? [2] 2013.12.08 by 푸시아
銀童 요즘 XE 분위기가 참 좋네요. [9] 2020.03.14 by BNU
Lansi 손이 미끄러졌네요 file  
도라미 XDT EX 배포본 모음 [2] 2013.12.07 by 도라미
2donggalbi 지금와서 다시 생각해보면 [2] 2013.12.07 by 참치.k
라돌체 보통 커뮤니티 제작 후 관리할 때 비용 얼마 정도 받나요? [12] 2013.12.07 by 정도의길을걷기싫다
권태성　 XE Hub 개소식 사진이 올라왔네요 [5] 2013.12.07 by 라미아스튜디오
treasurej 공식홈페이지 디자인과 메인 노출 컨텐츠 [9] 2020.03.14 by 벨몽이
Lansi XE 업데이트 날은 [2] 2013.12.06 by Lansi
Canto 심심해서 날씨정보 애드온을 하나 만들었습니다. [10] file 2014.07.16 by Canto
Lansi CDN 서비스가 종료된다는데  
Lansi Github 위키 작성 해도 될까요?  
라돌체 자바스크립트로 추천수를 올릴 수 있을까요? [1] 2013.12.06 by Lansi
카메론 새로 업데이트되는 XE1.7.4 설치 전에 꼭 실행해 보세요~^^ [3] file 2013.12.06 by Lansi
gayeon 자료 공유 2 :: 팝업 애드온(다이나믹 팝업) [15] file 2013.12.06 by socialskyo
태그 쓰기