Neueste Web-Entwicklung Tutorials
 

Google Maps Tutorial


Google Maps ist ein kostenloser Web-Mapping-Dienst von Google, die verschiedene Arten von geografischen Informationen zur Verfügung stellt. 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 jene 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 dieser Übung fortfahren, sollten Sie mit JavaScript und die Konzepte der objektorientierten Programmierung vertraut sein. Sie sollten auch mit Google Maps aus Anwendersicht 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 an Ort und Stelle durchfü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: neue 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>