部落格

[S19_WebFund] Lab7 資工二乙 406262163 黃品翰

Lab7:Google/Facebook API
將Google API或Facebook API串進網頁。

1.截圖(API在網頁上的截圖 和 API那段程式碼的截圖)

2.心得

最近都忙於專案,對於Googlemap-api的研究就沒有用到相當深入。結果發現googlemap-api對於免費版的服務,只能一天call一次而已,覺得有點坑。地點的部分就設定在中美湖了。

3.網址 (若有網址就附上)

https://halloworld.tw/lab07/

Lab7 資工二乙 406262369 陳洧成

Lab7:Google/Facebook API
將Google API或Facebook API串進網頁。

1.截圖(API在網頁上的截圖 和 API那段程式碼的截圖)

2.心得

照著網路上教學文一步一步做,用了衛星的地圖,然後把位置設定在輔仁大學,有時間會再近一步的研究。

3.網址 (若有網址就附上)

https://jerry871004.github.io/yoo123/

[S19_WebFund] Lab7/8 醫資一 407570153 黃加旻

Lab7:
1.截圖(API在網頁上的截圖 和 API那段程式碼的截圖)

2.心得

這次的作業好好玩,可以自己修改google map,把一些想加的東西加上去,也多學到了一種技巧,雖然過程有點卡卡的,像是JavaScript又出問題或是不確定到底需不需要付費之類的,嚇死我了,還好我沒有傻傻地就打入信用卡號碼。我覺得API這部分可以再多多研究,還滿有趣的!

3.網址 (若有網址就附上)

https://min0310.github.io/min.github.io/

[S19_WebFund] Lab7 資工二乙 406262216 劉品萱

1.截圖(API在網頁上的截圖 和 API那段程式碼的截圖)


2.心得

API的部分滿簡單的,只要申請好API Key套上即可。但是Google Map好像要開始收費!只有剛用好刷新的時候是沒有浮水印的模樣。Lab8的PHP和SQL還在研究當中,但卡在專題,所以可能沒機會做完了:(
3.網址

https://demi871023.github.io/

[S19_WebFund] Lab7 圖資四 404040042 劉俊文

1.截圖(API在網頁上的截圖 和 API那段程式碼的截圖)

2.心得
這次我在網頁中嵌入了Google地圖,這部分和我嵌入Youtube影片的步驟基本上一樣,很方便就在Google拿到所需的HTML碼,放到自己的檔案中就可以顯示出來。這功能原本沒有打算放在網頁中,所以沒有預留位置,只好再開了個視窗。

3.網址 (若有網址就附上)
https://edmundlao527.github.io/edmstudio/

 

[S19_WebFund] Lab7 資工二乙 406262084 梁博全

1. 截圖

2. 心得

這次使用google map 的 api,貌似他要收費,真的是很坑 。這次作業做起來也挺簡單的,雖然原本想說想要美化一下網頁的,但是都在趕專題和其他作業,所以就沒有特別去美化這個網頁了。

3. 網址

在這裡

[S19_WebFund] Lab7 圖資三 405040087 謝恩翰

1.截圖(API在網頁上的截圖 和 API那段程式碼的截圖)

2.心得

這次作業我是將GoogleMap的API嵌入到自己的個人網頁中,由於當下正在查詢舊金山國際機場,因此就以此為例將他的GoogleMapAPI直接嵌入,由於Google在網頁中就已經將選項都給設定好,只需要將其提供的CODE貼入自己的HTML檔中想放的位子就可以成功引入,我認為十分的方便。

3.網址 (若有網址就附上)

https://en0087.github.io/

頁面