作者Linux (Windows)
看板Soft_Job
标题[心得] Weather Maps 天气地图！
时间Wed Jul 29 16:34:51 2015
Hi 版上大大们好～
来分享一个之前分享过，但是大改过後的作品！
刚刚有在 脸书 Front-End Developers Taiwan 上分享过
但是照惯例还是会来版上发文分享～～
Demo：
https://works.ioa.tw/weather/index.html
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 则是应用在取得本地的一些资讯
例如搜寻页右上角的在地天气小图！
其实还有很多地方要加强..
例如街景，是我用程式自动去取得的，没有一个个地去检查
所以可能会定点在奇怪的地方，这部分我会慢慢修正..
而首页有点空，原本该有特报的功能，但今天气象局没发
所以这部分我会在想多一点功能，将其补足～
如果各位有任何的建议或想法，欢迎讨论～
() 你觉得如何呀！？
--
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 175.182.238.78
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1438158895.A.071.html
1F：推 ctrlbreak: 赞 07/29 16:45
2F：推 rayway30419: 很棒 07/29 16:46
3F：推 blair0: 舒服~ 07/29 16:50
4F：推 a5976647: 赞 如果可以增加热门旅游点天气更好，也可以增加紫外线 07/29 16:55
5F：→ a5976647: ，空污等相关资讯 07/29 16:55
6F：推 blue2gear: 赞 07/29 16:58
7F：推 tom76kimo: 推推 07/29 17:27
8F：推 masterguy: 强者快拜～～～ 07/29 17:28
9F：推 jjwei: 有神快拜 07/29 17:31
10F：推 ggggggh: 超强阿 07/29 18:58
11F：推 dnzteeqrq: o.0 07/29 20:23
12F：推 purin88: 我们公司有写信找你面试耶…不知你是否有看到说。 07/29 20:52
13F：推 resay543: 做的真不错!! 07/29 21:06
14F：→ Linux: purin88 大大，请问贵公司名称是？ 我怕我没看到.. 07/29 21:15
※ 编辑: Linux (175.182.238.78), 07/29/2015 22:13:10
15F：推 carlcarl: 不知道能不能支援https? 07/29 22:34
16F：推 benson1212: 推 漂亮 实用 一目了然 07/29 23:22
17F：推 poiuy999: 你是谁@@ 先推明天再看作品 07/29 23:31
18F：推 s7551710: 推 07/30 00:06
19F：推 goetia: ..... 07/30 07:31
20F：推 Superenen: googd 07/30 09:05
21F：推 yannishadow: 赞赞赞！！！ 07/30 11:45
22F：推 bewitchsky: 推 07/31 00:05
23F：推 lookat1205: PUSH 07/31 00:12
24F：推 async: 好厉害！原来笔电板google map也能读使用者位置 07/31 10:05
25F：→ Linux: 回 async 大，不适 Google maps 的功能啦，是 javascript 07/31 12:43
26F：→ Linux: 就有 navigator.geolocation 函式库 可以取得 GPS! 07/31 12:43
27F：推 taikobo: 推，功能很实用，介面很漂亮 07/31 16:37
28F：→ volation0916: QQ 08/01 07:25
29F：推 essay1029: 我们公司也寄了很多信给你，有收到吗？ 08/02 07:24
30F：推 bobsonlin: 推!! 08/02 21:09
31F：推 harry830622: 文末是在说我吗XD 07/20 09:43
※ 编辑: Linux (101.13.54.1), 11/06/2016 16:07:43