Google maps API You Tube API Speaker Arak
Google maps API & You. Tube API Speaker: Arak Date: 2012 -10 -03
Outline n n n n Introduction Google maps API Implementation You. Tube API Implementation Conclusions References 2
Google maps API n A free service, available for use on any website that is free to consumers. It enables you to embed Google Maps in your web pages and includes a number of services for customizing and adding content to the map 4
Google maps API Implementation 使用HTML+Java. Script+CSS n Java. Script的程式碼則通常放在html檔的 <head></head>中間 n Google maps API v 3 的「Hello world!」 n Hello NCNU n 5
You. Tube API Implementation n 利用<iframe>(內置框架)標籤 ex: <iframe src="YOU. html" width="450" height="200" scrolling="yes" frameborder="0"> </iframe> n 或<object>標籤 7
n n <iframe id="ytplayer" type="text/html" width="640" height="390" src="http: //www. youtube. com/embed/u 1 zg. Fl. Cw 8 Aw? autoplay=1&origin=http: //example. com" frameborder="0"/> Hello You. Tube API 8
References n n https: //developers. google. com/maps/documentation/javascript/tutorial? hl=zh -TW#api_key https: //developers. google. com/youtube/getting_started? hl=zh-tw 10
Q&A 11
Def. Java. Script: Netscape Communication Corporation(網景公 司)所開發的Script語言,一開始是為了提供該公司 Browser(Netscape Navigator)開發互動網頁的功能。 n CSS: 指層疊樣式表( Cascading Style Sheets) 樣式定義如何顯示 HTML元素,樣式通常存儲在樣式表中 Ex: <html> <head> <style type="text/css"> h 1 {color: red} p {color: blue} </style> </head> 12 n
- Slides: 12