Neueste Web-Entwicklung Tutorials
 

Google Maps Lernprogramm


Google Maps ist ein kostenloser Web-Mapping-Dienst von Google, die verschiedenen Arten von geografischen Informationen. Google Maps hat eine JavaScript API, um die Karten und zeigt sie auf Ihrer Webseite anzupassen. Dieses Tutorial ist über Google Maps API (Application Programming Interface) . Es wird erläutert, wie Sie Google Maps auf Ihrer Webseite integrieren können.


Publikum

Dieses Tutorial ist für all diejenigen Leser gedacht, die über Google Maps API erfahren möchten. Nach Abschluss dieses Lernprogramms, würden Sie in der Lage sein, Google Maps JavaScript API auf Ihrer Webseite zu integrieren.


Voraussetzungen

Bevor Sie mit diesem Tutorial fortfahren, sollten Sie mit JavaScript und die Konzepte der objektorientierten Programmierung vertraut sein. Sie sollten auch mit Google Maps aus Anwender Sicht vertraut sein.


Führen Sie Google Maps Online

Für die meisten der Beispiele in diesem Tutorial gegeben, finden Sie eine Try it Option, so dass nur von dieser Möglichkeit Gebrauch machen , Ihre Google Maps - Programme vor Ort auszuführen und das Lernen zu genießen. Versuchen Sie das folgende Beispiel zeigt die Verwendung von Try it Option in der oberen rechten Ecke des folgenden Beispielcode box -

<! DOCTYPE html>
<html>

   <head>
      <Script src = "https://maps.googleapis.com/maps/api/js"> </ script>
      
      <script>
         Funktion loadMap() {
			
            var mapOptions = {
               Mitte: neuer 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>