Recientes

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

Las funciones con tecnología WebGL para la API de Maps JavaScript te permiten controlar la inclinación y la rotación, agregar objetos 3D directamente al mapa y mucho más, incluidas las siguientes:

Comienza ahora

Para usar las nuevas funciones de WebGL, necesitas un ID de mapa que use el mapa vectorial. También deberás actualizar tu solicitud de arranque de la API. En esta sección, te mostraremos cómo hacerlo.

Cómo crear un ID de mapa nuevo

Para crear un ID de mapa, sigue los pasos que se indican en Cómo usar el diseño de mapas basado en Cloud: Obtén un ID de mapa. Asegúrate de configurar el tipo de mapa como JavaScript y seleccionar la opción Vector. Marca las opciones Inclinación o Rotación para habilitar la inclinación y la rotación en el mapa. Esto te permitirá ajustar estos valores de manera programática y también permite que los usuarios ajusten la inclinación y el rumbo directamente en el mapa. Si el uso de la inclinación o la orientación afecta negativamente el funcionamiento de tu app, deja sin marcar las opciones Inclinación y Rotación para los usuarios no puedan ajustar estos parámetros.

Cómo crear un ID de mapa vectorial

Cómo actualizar el código de inicialización del mapa

Para realizar esta acción, necesitas el ID de mapa que acabas de crear. Puedes encontrarlo en la página Administración de mapas. Proporciona un ID de mapa cuando crees una instancia del mapa con la propiedad mapId, como se muestra a continuación:

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8,
  mapId: 'MAP_ID'
});

Ejemplos

Consulta los siguientes ejemplos para demostrar estas funciones: