TIDAK DIGUNAKAN LAGI: Gaya visual cloud lama tidak akan digunakan lagi dan dijadwalkan untuk dihentikan pada Maret 2025. Mulai tanggal tersebut, gaya peta lama mungkin tidak berfungsi lagi. Google merekomendasikan agar Anda beralih ke gaya visual peta berbasis cloud yang baru sebelum Maret 2025. Untuk mengetahui informasi selengkapnya tentang penghentian penggunaan ini, lihat artikel Penghentian penggunaan. Untuk memperbarui gaya peta lama, lihat artikel Memperbarui gaya peta ke versi terbaru.

Halaman ini diterjemahkan oleh Cloud Translation API.

Contoh gaya visual cloud lama

Pada halaman ini
Mencoba Contoh

Contoh ini adalah contoh dasar dari pemuatan peta bergaya kustom menggunakan ID peta. Dalam hal ini, Maps JavaScript merujuk ke ID peta 8e0a97af9386fef saat peta dimuat, dan otomatis menerapkan gaya peta yang saat ini terkait dengan ID peta tersebut.

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

Lihat contoh

Mencoba Contoh

JSFiddle.net Google Cloud Shell