DEPRECATED: lo stile cloud precedente è deprecato e verrà ritirato a marzo 2025. A quel punto, gli stili di mappa precedenti potrebbero non funzionare più. Google consiglia di eseguire l'aggiornamento al nuovo stile delle mappe basato su cloud prima di marzo 2025. Per ulteriori informazioni sul ritiro, consulta la sezione Ritiro delle funzionalità. Per aggiornare gli stili precedenti, consulta l'articolo Aggiornare uno stile di mappa all'ultima versione.

Questa pagina è stata tradotta dall'API Cloud Translation.

Esempi di personalizzazione basata su cloud precedente

Su questa pagina
Prova Sample

Questo è un esempio di base di caricamento di una mappa con stile personalizzato utilizzando un ID mappa. In questo caso, Maps JavaScript fa riferimento all'ID mappa 8e0a97af9386fef quando la mappa viene caricata e applica automaticamente lo stile di mappa associato a quell'ID mappa.

TypeScriptJavaScript

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

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

Visualizza esempio

Prova Sample

JSFiddle.net Google Cloud Shell