Javascript——天氣預報API
阿新 • • 發佈:2019-01-29
接之前所寫關於百度地圖API所提供的顯示地理位置資訊的功能,我們也可以加入顯示天氣預報的API,從而使使用者可以通過自己的網頁看到天氣預報。
以下為筆者所寫的一份簡單測試程式碼。
首先連線百度地圖API。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script src="http://api.map.baidu.com/components?ak=ImEwcIPvf92bBwvxhXYENARr&v=1.0"></script>
其次使用顯示天氣預報的元素。lbs-weather中,筆者同樣將city屬性預設為廣州。
<title>天氣預報</title> <style type="text/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} @media (max-device-width: 800px){#golist{display: block!important;}} </style> </head> <body> <lbs-weather city="廣州"></lbs-weather> <a id="golist" href="/">返回主頁</a> </body> </html>
如下為測試網頁