論壇 | 最新的Web開發教程
 

谷歌地圖教程


谷歌地圖是由谷歌提供的各類地理信息免費的網絡地圖服務。 谷歌地圖有一個JavaScript API來定制地圖和網頁上顯示它們。 本教程是關於谷歌地圖API (Application Programming Interface) 。 它解釋了如何您可以在您的網頁谷歌地圖整合。


聽眾

本教程是為那些想學習谷歌地圖API誰的讀者。 完成本教程後,您將能夠谷歌地圖API的JavaScript您的網頁上進行整合。


先決條件

與之前繼續學習本教程,你應該熟悉JavaScript和面向對象編程的概念。 您還應該從一個用戶的角度熟悉的谷歌地圖。


谷歌執行在線地圖

對於大多數在本教程中所舉的例子,你會發現一個Try it的選項,所以只要使用此選項當場執行你的谷歌地圖程序,享受你的學習。 用試試下面的例子Try it選項可在下面的示例代碼框的右上角-

<!DOCTYPE HTML>
<html>

   <head>
      <SCRIPT SRC =“https://maps.googleapis.com/maps/api/js”> </ SCRIPT>
      
      <script>
         功能loadMap() {
			
            VAR的MapOptions = {
               中心:新google.maps.LatLng(20.593684, 78.96288)變焦:12,
               mapTypeId設為:google.maps.MapTypeId.ROADMAP
            };
				
            VAR地圖=新google.maps.Map(document.getElementById("sample")的MapOptions);
         }
      </script>
      
   </head>
   
   <身體的onload = "loadMap() ”>
      <DIV ID = "sample"的風格=“WIDTH:570px;高度:580(長);”> </ DIV>
   </body>
   

</html>