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

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

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

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

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

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

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

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

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

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

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

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

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

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

레이아웃에는

표시하고 싶은 곳에 

<img src="{$weatherIcon}">

를 넣어주시면 됩니다.

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

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

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