-
Google地图教程

Google地图教程

Google地图是Google提供的免费网页地图服务,提供各种类型的地理信息。Google Maps有一个JavaScript API来自定义地图并将其显示在您的网页上。本教程是关于Google Maps API(应用程序编程接口)。它解释了如何在您的网页上集成Google地图。

适合人员

本教程适用于所有想要了解Google Maps API的读者。完成本教程后,您将能够在您的网页上集成Google Maps JavaScript API。

学习提醒

在进行本教程之前,您应该熟悉JavaScript和面向对象编程的概念。您也应该从用户的角度熟悉Google地图。

在线执行Google地图

对于本教程中给出的大多数示例,您将找到一个Try it选项,所以只需使用此选项即时执行您的Google Maps程序,并享受您的学习。请尝试以下示例,使用以下示例代码框右上角的“ 尝试”选项 -

<!DOCTYPE html>
<html>

   <head>
      <script src =“https://maps.googleapis.com/maps/api/js”> </ script>
      
      <script>
         function loadMap(){
			
            var mapOptions = {
               center:new google.maps.LatLng(20.593684,78.96288),zoom:12,
               mapTypeId:google.maps.MapTypeId.ROADMAP
            };
				
            var map = new google.maps.Map(document.getElementById(“sample”),mapOptions);
         }
      </ script>
      
   </ head>
   
   <body onload =“loadMap()”>
      <div id =“sample”style =“width:570px; height:580px;”> </ div>
   </ body>
   
</ html>