WYCOFANE: starsze stylizacje chmury zostały wycofane i mają zostać wycofane w marcu 2025 r. W tym momencie starsze style mapy mogą przestać działać. Google zaleca zaktualizowanie map do nowego stylu opartego na chmurze przed marcem 2025 r. Więcej informacji o wycofaniu znajdziesz w sekcji Elementy wycofane. Aby zaktualizować starsze style, zapoznaj się z artykułem Zaktualizuj styl mapy do najnowszej wersji.

Ta strona została przetłumaczona przez Cloud Translation API.

Przykłady starszych stylów w chmurze

Na tej stronie
Wypróbuj próbkę

Oto podstawowy przykład wczytywania mapy ze stylem niestandardowym za pomocą identyfikatora mapy. W tym przypadku kod JavaScript Maps odwołuje się do mapy ID 8e0a97af9386fef podczas wczytywania mapy i automatycznie stosuje styl mapy powiązany z tym identyfikatorem.

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

Zobacz przykład

Wypróbuj próbkę

JSFiddle.net Google Cloud Shell