フォーラム | 最新のWeb開発のチュートリアル
 

Googleマップチュートリアル


Googleマップでは、地理的な各種情報を提供するGoogleの無料のウェブマッピングサービスです。 Googleマップは、マップをカスタマイズし、あなたのウェブページ上に表示するためのJavaScript APIを持っています。 このチュートリアルでは、Google MapsのAPIについてです(Application Programming Interface) 。 それはあなたのウェブページにGoogleマップを統合する方法について説明します。


聴衆

このチュートリアルでは、Google MapsのAPIについて学びたいすべての読者のためのものです。 このチュートリアルを完了した後、あなたはあなたのウェブページにGoogleマップのJavaScript APIを統合することができるであろう。


前提条件

このチュートリアルを進める前に、JavaScriptとオブジェクト指向プログラミングの概念を理解する必要があります。 また、ユーザの視点からGoogleマップに精通している必要があります。


Googleマップをオンラインで実行

このチュートリアルで示す例のほとんどは、あなたは見つけるでしょうTry it 、オプションをこれだけ、このオプションを使用すると、その場でGoogleマップのプログラムを実行し、あなたの学習を楽しむために作ります。 使用して次の例を試してみてくださいTry it次のサンプルコードボックスの右上隅に利用可能なオプションを-

<!DOCTYPE HTML>
<html>

   <head>
      <スクリプトSRC = "https://maps.googleapis.com/maps/api/js"> </スクリプト>
      
      <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"スタイル= "幅:570px;高さ:580px;"> </ div>の
   </body>
   

</html>