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

این یک مثال اساسی از بارگیری یک نقشه سبک سفارشی با استفاده از شناسه نقشه است. در این مورد، 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

توجه: راهنمای استفاده از TypeScript و Google Maps را بخوانید.

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

توجه: جاوا اسکریپت از قطعه TypeScript کامپایل شده است.

مشاهده نمونه

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

JSFiddle.net Google Cloud Shell