2017年12月13日 星期三

第十次上課心得

今日上課是學如何把YouTube的影片嵌入網頁裡面,
我們可以把影片的嵌入網址寫成function,當使用者按影片的名字,畫面就會顯示相對的影片。

2017年12月6日 星期三

第九次上課內容

今天上課是介始Google map的API,再配合傳參數的方法,在不同頁面顯示不一樣的地方
複製老師網頁上的程式碼,再修改網址的傳,就可以顯示不同的地址,在網址當中,
z=多少,是決定Google Map顯示哪一個層級,q是代表經緯度,
我們在網頁上把Google Map網址做成連結,當電腦使用者按連結,就會跳到Google Map的網頁,手機使用者的就會直接開啟Google Map的APP。

之後,我們可以再修改一下網址,有時候我們需要從資料庫讀出不同的經緯度,所以我們可以寫一個JavaScript來讀取不同的經緯度木我們可以把經緯度的2個值變成變數a,b,再用之前所學的document.getElementById,我們只要改變a,b的值,就可以顯示不同的地方。

除了改變經緯度外,我們還可以直接代入想顯示的地址,Google Map會自動把地址翻成經緯度。

當我們想把Google Map嵌在網頁裡面我們可以使用iframe,把網址換成Google map的網址,再加上&output=embed,就可以嵌入到網頁裡面。

如果我們要顯示起點跟終點,就可以使用saddr和daddr,代入地址或經緯度
Geolocation可以讓我們知道裝置的位置,但是我們很難得知裝置的位置,因為我們要透過電信業者的服務來進行定位,但一直開著定位,很快就會沒電,所以不會有人一直開著定位,所以我們很難得到裝置位置。
html的程式碼的navigator是代表現在使用的瀏覽器,再使用裡面showPosition的function,取得座標。

我們可以善用Google Map API,上面有很多範例程式碼,可以直接把地圖載入網頁中,再調整層級(zoom)、長度(height),令地圖更適合網頁。

最後,我們可以利用傳參數,在瀏覽器輸入經緯度,就可以在地圖上顯示所輸入的地方。