部落格

[S19_WebFund] Lab7 圖資三 405040087 謝恩翰

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

2.心得

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

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

https://en0087.github.io/

[S19_WebFund] Lab7 405040269 圖資三 彭宏鈞

1.截圖:

  

code

2.心得:

  其實將Google Map嵌入自己的網頁和前面幾個作業比起來是比較簡單的,只要在google map找到想要的地點後再透過分享-嵌入地圖的地方將程式碼複製到自己的網頁即可,相信未來有接觸都需要嵌入地圖的部分一定會活用這個技巧

 

3網頁:https://chacha7202.github.io/self_example/#

[S19_WebFund]Lab7 資工二乙 406262292 梁鈞韋

 

1.截圖:

2.心得:

這次學習Google Map 的Api的實作,比較沒甚麼難度,code部分也蠻好懂得,script那邊很像include東西的感覺,關於Lab08的作業,SQL的實作我比較不懂,期末專題的部分我也是負責前端,後端的東西還沒什麼時間去碰,之後會問同學那部份要怎麼處理,這次Lab08 的Bonus可能就拿不到了。

3.網址:

https://github.com/Wayne881004/WEB

[S19_WebFund] Lab7/8 醫資一 407570244 葉倢妤

Lab7:

1.截圖:

2.心得:

這次又多學會了一個寫網頁的功能,讓我們可以把Google地圖用上去,很開心~主要是要自己上網查資料看怎麼寫,也用到了Google API金鑰,一開始還以為要付費害我緊張了一下XD 整體來說很有趣,終於搞懂網頁上的地圖怎麼寫出來的了,希望以後會越來越厲害,懂更多寫網頁的技巧~

[S19_WebFund] Lab7/8 醫資一 407570220 吳佩玟

Lab7:
1.截圖

2.心得

參考網路上得教學學會了這個功能,單是在過程中依舊碰到了顯示「這個網頁並未正確載入 Google 地圖。請查看 JavaScript 控制台,瞭解相關的技術詳情。」寫了這行字的畫面好幾次,用了好久好久終於做出來了!做出了很多網頁上都會有的google api成就感up!
3.網址 

https://wendy89711.github.io/googleMap.html

頁面