Visão geral

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Os recursos com tecnologia WebGL para a API Maps JavaScript permitem controlar a inclinação e a rotação, adicionar objetos 3D diretamente ao mapa e muito mais. Os recursos a seguir estão incluídos:

Começar

Para usar os novos recursos do WebGL, você precisa de um ID do mapa que use o mapa vetorial. Você também precisará atualizar sua solicitação de inicialização da API. Veja nesta seção como fazer isso.

Criar um novo ID de mapa

Para criar um novo ID de mapa, siga as etapas em Usar o estilo de mapas baseados na nuvem: receber um ID de mapa. Defina o tipo de mapa como JavaScript e selecione a opção Vetor. Marque Inclinação e/ou Rotação para ativar a inclinação e a rotação no mapa. Isso permite que você ajuste programaticamente esses valores e também permite que os usuários ajustem a inclinação e a direção diretamente no mapa. Se o uso de inclinação ou direção afetar negativamente seu app, deixe a opção Inclinação e Rotação desmarcada para que os usuários não possam ajustar a inclinação e a rotação.

Criar ID de mapa vetorial

Atualizar o código de inicialização do seu mapa

Isso requer o ID do mapa que você acabou de criar. Ele pode ser encontrado na página de Gerenciamento de mapas. Informe um ID do mapa ao instanciar o mapa usando a propriedade mapId, conforme mostrado aqui:

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

Exemplos

Veja alguns exemplos para demonstrar esses recursos: