HTML 5 學習心得

#第九週

這一期算是一個補充說明,說明有關Google Map的定位以及導航功能

  • Google Maps 一直以來帶來許多交通上的便利,查看路線或出門旅遊都能夠帶給我們正確的方向,以前會因為找路浪費了許多時間,現在只需要手機內裝著Google Maps出門就不怕再次迷路,減少很多浪費的時間。除此之外透過Google Maps查詢各個國家所在地點,進一步提早規劃旅遊行程就不用再擔心到了當地不知道該怎麼辦囉。
  • 因為Google Maps 的API 現在已經非完全公開免費使用了,所以今天補充說明的只是一些Google Maps的簡單功能

#如果要嵌入iframe的話,要在後面加上&output=embed;iframe等下會提到

  • 概念:在網頁上挖一個框,並將資料放入這個框裡,出來的效果就像右邊這樣
  • 這裡有個關於iframe的文章
  • 我將剛剛的“Google Maps上顯示位置”的指令跟iframe結合

這是指令

#結合我們之前學的input方法,設計一個路線圖出來

這是一個Sample

總結:這期整體上就差不多是這樣,算是一個補充說明,很可惜的是Google Maps的API 不再完全公開免費,不然它會是一個很好用的程式。在這裡附上Google API的傳輸門供參考: