Eski bulut stiline örnekler

Bu, harita kimliği kullanarak özel stil uygulanmış bir harita yüklemeyle ilgili temel bir örnektir. Bu durumda, Haritalar JavaScript'i, harita yüklendiğinde 8e0a97af9386fef harita kimliğine başvurur ve bu harita kimliğiyle ilişkilendirilen harita stilini otomatik olarak uygular.

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
Örneği görüntüleyin

Örneği Deneyin