2010-07-29 5 views
13

Come posso utilizzare l'API di Google Maps per mostrarmi una mappa a schermo intero senza barre laterali o barra di ricerca? Ho solo bisogno di mostrare una posizione specifica in un'app mobile, gli utenti non hanno bisogno di cercare. È possibile?Schermo intero Google Map

Inoltre, se fornisco un indirizzo, come può inserire un perno nella posizione?

risposta

25

Supponendo che si prevede di utilizzare il v3 API, si consiglia di controllare la seguente sezione della documentazione:

Per quanto riguarda la seconda domanda, è possibile utilizzare Geocoding. Si consideri il seguente esempio semplice:

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