最新のWeb開発のチュートリアル
 

Google Mapsチュートリアル


Googleマップは、地理的、各種の情報を提供してGoogleによる無料のWebマッピングサービスです。 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>
      
      <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>