2010-07-29 10 views
13

Comment puis-je utiliser l'API Google Maps pour afficher une carte en plein écran sans barre latérale ni barre de recherche? J'en ai juste besoin pour montrer un endroit précis dans une application mobile, les utilisateurs n'ont pas besoin de chercher. Est-ce possible?Plein écran Google Map

De plus, si je fournis une adresse de rue, comment peut-elle mettre une punaise à cet endroit?

Répondre

25

En supposant que vous prévoyez d'utiliser le v3 API, vous pouvez consulter la section de la documentation:

Quant à votre deuxième question, vous pouvez utiliser Geocoding. Prenons l'exemple simple suivant:

<!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