نمونه‌های استایل ابری قدیمی

این یک مثال اساسی از بارگیری یک نقشه سبک سفارشی با استفاده از شناسه نقشه است. در این مورد، Maps JavaScript به شناسه نقشه 8e0a97af9386fef هنگام بارگیری نقشه ارجاع می دهد و به طور خودکار سبک نقشه مرتبط با آن شناسه نقشه را اعمال می کند.

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

جاوا اسکریپت

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
مشاهده نمونه

Sample را امتحان کنید