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. Se incluyen las siguientes funciones:
- La vista de superposición de WebGL te permite agregar a tu mapa gráficos personalizados en 2D y 3D, y contenido animado.
- La inclinación y la orientación ahora se pueden ajustar de manera programática y mediante gestos del mouse y del teclado.
- map.moveCamera() te permite cambiar varias propiedades de la cámara al mismo tiempo.
- El zoom ahora admite valores fraccionarios.
Cómo comenzar
Para usar las nuevas funciones de WebGL, necesitas un ID de mapa que use el mapa de vectores. 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 la orientación 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 que los usuarios no puedan ajustar estos parámetros.
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: