※ [本文转录自 Soft_Job 看板 #1Lk90l1n ]
作者: Linux (Windows) 看板: Soft_Job
标题: [心得] Weather Maps 天气地图!
时间: Wed Jul 29 16:34:51 2015
Hi 版上大大们好~
来分享一个之前分享过,但是大改过后的作品!
刚刚有在 脸书 Front-End Developers Taiwan 上分享过
但是照惯例还是会来版上发文分享~~
Demo:http://comdan66.github.io/weather/
GitHub:https://github.com/comdan66/weather/
Weather Maps 天气地图,这几天再将它重新修改
有别于上一版的气温误差 bug
所幸这次就干脆用国货 - 中央气象局的网站资料建置!
同时也新增了乡镇气象的内页,可以看几个小时前的温度变化..等!
(PS. 如果想知道更准确的天气预报,可至中央气象局查询~
开头讲完啦,来讲讲这个作品的一些心得~
基本上它是借由 Google Maps JavaScript API v3 的地图服务
以及中央气象局网站的天气预报所实作的天气地图
再使用 MarkerWithLabel Plugin 加强 Google Maps 上的图像表现!
然后全网站使用 响应式网站设计(RWD),所以手机也可以正常浏览。
而 Google API 也不只使用 JavaScript
同时也使用了 Google Maps Geocoding API 来将取得地图位置并且应用在搜寻功能上!
以及使用 Static Maps API 以及 Street View Image API 来撷取地图上的街景静态图
比较特别的是,这次还使用了 localStorage 来记录一些小细节
例如首页的新增关注..等
navigator.geolocation 则是应用在取得本地的一些资讯
例如搜寻页右上角的在地天气小图!
其实还有很多地方要加强..
例如街景,是我用程式自动去取得的,没有一个个地去检查
所以可能会定点在奇怪的地方,这部分我会慢慢修正..
而首页有点空,原本该有特报的功能,但今天气象局没发
所以这部分我会在想多一点功能,将其补足~
如果各位有任何的建议或想法,欢迎讨论~
() 你觉得如何呀!?