2010-07-29 42 views
13

¿Cómo puedo usar Google Maps API para mostrarme un mapa de pantalla completa sin barras laterales o barra de búsqueda? Solo necesito que muestre una ubicación específica en una aplicación móvil, los usuarios no necesitan buscar. es posible?Pantalla completa Google Map

Además, si proporciono una dirección ¿cómo se puede poner un alfiler en la ubicación?

Respuesta

25

Suponiendo que está planeando usar el v3 API, es posible que desee revisar la siguiente sección de la documentación:

En cuanto a su segunda pregunta, puede utilizar Geocoding. Consideremos el siguiente ejemplo:

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

Captura de pantalla:

Full Screen Google Map