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

Đây là một ví dụ cơ bản về việc tải bản đồ được tạo kiểu tuỳ chỉnh bằng cách sử dụng mã bản đồ. Trong trường hợp này, JavaScript của Maps sẽ 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