Eso es todo.

Para comenzar a desarrollar, consulta nuestra documentación para desarrolladores.

Activar la Google Maps JavaScript API

Para que puedas comenzar, te proporcionaremos orientación en la Google Developers Console a fin de que hagas primero algunas acciones:

  1. Crear o seleccionar un proyecto
  2. Activar la Google Maps JavaScript API y servicios relacionados
  3. Crear claves correspondientes
Continuar

Servicio de imágenes con zoom máximo

  1. Imágenes con zoom máximo
  2. Solicitudes de MaxZoom
  3. Respuestas de MaxZoom

Información general

La Google Maps API proporciona mosaicos de mapas a varios niveles de zoom para imágenes de tipos de mapas. La mayoría de las imágenes de mapas de carreteras se encuentran disponibles del nivel de zoom 0 al 18, por ejemplo. Las imágenes satelitales varían de manera más notoria, ya que en lugar de generarse se capturan en forma directa.

Debido a que las imágenes satelitales no siempre se encuentran disponibles a altos niveles de zoom para las ubicaciones remotas (áreas de población dispersa o extensiones oceánicas abiertas), probablemente te convenga conocer de antemano el nivel de zoom más alto para las imágenes de una ubicación determinada. El objeto MaxZoomService proporciona una interfaz simple para descubrir el nivel de zoom máximo de una ubicación determinada para la cual Google Maps dispone de imágenes.

Solicitudes de MaxZoom

El acceso a MaxZoomService es asincrónico, ya que la Google Maps API debe realizar una llamada a un servidor externo. Por esta razón, debes pasar un método callback para la ejecución al completarse la solicitud. Este método callback debe procesar el resultado.

Para iniciar una solicitud para MaxZoomService, simplemente llama a getMaxZoomAtLatLng() y pasa el objeto LatLng de la ubicación además de una función de callback que debe ejecutarse una vez completada la solicitud.

Respuestas de MaxZoom

Cuando getMaxZoomAtLatLng() ejecute la función de callback, volverá a pasar dos parámetros:

  • status contiene el elemento MaxZoomStatus de la solicitud.
  • zoom contiene el nivel de zoom. Si por algún motivo se produce una falla en el servicio, este valor no estará presente.

El código status puede devolver uno de los siguientes valores:

  • OK indica que el servicio encontró el nivel máximo de zoom para imágenes satelitales.
  • ERROR indica que no se pudo procesar la solicitud de MaxZoom.

En el ejemplo siguiente se muestra un mapa del área metropolitana de Tokio: Cuando se hace clic en cualquier parte del mapa se indica el nivel de zoom máximo de la ubicación. (Los niveles de zoom en Tokio generalmente varían entre 18 y 21).

var map;
var maxZoomService;
var infoWindow;

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 11,
    center: {lat: 35.6894, lng: 139.692},
    mapTypeId: 'hybrid'
  });

  infoWindow = new google.maps.InfoWindow();

  maxZoomService = new google.maps.MaxZoomService();

  map.addListener('click', showMaxZoom);
}

function showMaxZoom(e) {
  maxZoomService.getMaxZoomAtLatLng(e.latLng, function(response) {
    if (response.status !== 'OK') {
      infoWindow.setContent('Error in MaxZoomService');
    } else {
      infoWindow.setContent(
          'The maximum zoom at this location is: ' + response.zoom);
    }
    infoWindow.setPosition(e.latLng);
    infoWindow.open(map);
  });
}
<div id="map"></div>
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
 <!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>
var map;
var maxZoomService;
var infoWindow;

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 11,
    center: {lat: 35.6894, lng: 139.692},
    mapTypeId: 'hybrid'
  });

  infoWindow = new google.maps.InfoWindow();

  maxZoomService = new google.maps.MaxZoomService();

  map.addListener('click', showMaxZoom);
}

function showMaxZoom(e) {
  maxZoomService.getMaxZoomAtLatLng(e.latLng, function(response) {
    if (response.status !== 'OK') {
      infoWindow.setContent('Error in MaxZoomService');
    } else {
      infoWindow.setContent(
          'The maximum zoom at this location is: ' + response.zoom);
    }
    infoWindow.setPosition(e.latLng);
    infoWindow.open(map);
  });
}

Ver el ejemplo (maxzoom-simple.html).

Enviar comentarios sobre...

Google Maps JavaScript API
Google Maps JavaScript API
Si necesitas ayuda, visita nuestra página de asistencia.