DESCONTINUADA: a estilização na nuvem legada foi descontinuada e será desativada em março de 2025, quando talvez os estilos de mapa legados parem de funcionar. O Google recomenda a atualização para a nova Estilização de mapas baseada na nuvem antes dessa data. Consulte Descontinuações para mais informações sobre o assunto. Para atualizar os estilos legados, consulte Atualizar um estilo de mapa para a versão mais recente.

Esta página foi traduzida pela API Cloud Translation.

Exemplos de estilizações na nuvem legadas

Neste exemplo básico de carregamento de um mapa estilizado usando um ID do mapa, o Maps JavaScript faz referência ao ID 8e0a97af9386fef no carregamento e implementa de forma automática o estilo associado a esse ID.

TypeScript

function initMap(): void {
  new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      mapId: "8e0a97af9386fef",
      center: { lat: 48.85, lng: 2.35 },
      zoom: 12,
    } as google.maps.MapOptions
  );
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;index.ts

JavaScript

function initMap() {
  new google.maps.Map(document.getElementById("map"), {
    mapId: "8e0a97af9386fef",
    center: { lat: 48.85, lng: 2.35 },
    zoom: 12,
  });
}

window.initMap = initMap;index.js

Exemplo

Testar amostra

JSFiddle.net (link em inglês) Google Cloud Shell