Ví dụ về kiểu đám mây cũ

Đây là ví dụ cơ bản về cách tải bản đồ có kiểu tuỳ chỉnh bằng mã bản đồ. Trong trường hợp này, JavaScript của Maps tham chiếu đến mã bản đồ 8e0a97af9386fef khi bản đồ được tải và tự động áp dụng kiểu bản đồ liên kết với mã bản đồ đó.

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
Xem ví dụ

Thử mẫu