2010-07-29 13 views
13

Wie kann ich mit Google Maps API eine Vollbildkarte ohne Seitenleisten oder Suchleiste anzeigen? Ich brauche es nur, um einen bestimmten Ort in einer mobilen App anzuzeigen. Benutzer müssen nicht suchen. Ist das möglich?Vollbild Google Map

Auch wenn ich eine Adresse angeben, wie kann es einen Push-Pin an der Stelle setzen?

Antwort

25

Sie planen Angenommen, die v3 API zu verwenden, sollten Sie den folgenden Abschnitt der Dokumentation überprüfen:

Was Ihre zweite Frage, können Sie Geocoding verwenden. Betrachten Sie das folgende einfache Beispiel:

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps Geocoding Demo</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" 
      type="text/javascript"></script> 
    <style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0px; padding: 0px } 
    #map { height: 100% } 
    </style> 
</head> 
<body> 
    <div id="map"></div> 

    <script type="text/javascript"> 

    var address = 'Oxford Street, London, UK'; 

    var map = new google.maps.Map(document.getElementById('map'), { 
     mapTypeId: google.maps.MapTypeId.TERRAIN, 
     zoom: 12 
    }); 

    var geocoder = new google.maps.Geocoder(); 

    geocoder.geocode({ 
     'address': address 
    }, 
    function(results, status) { 
     if(status == google.maps.GeocoderStatus.OK) { 
     new google.maps.Marker({ 
      position: results[0].geometry.location, 
      map: map 
     }); 
     map.setCenter(results[0].geometry.location); 
     } 
     else { 
     // Google couldn't geocode this request. Handle appropriately. 
     } 
    }); 

    </script> 
</body> 
</html> 

Screenshot:

Full Screen Google Map