Eski bulut stili örnekleri

Bu, harita kimliği kullanılarak özel stillendirilmiş bir haritanın yüklenmesine dair temel bir örnektir. Bu durumda Haritalar JavaScript, harita yüklendiğinde 8e0a97af9386fef harita kimliğine referans verir ve bu harita kimliğiyle ilişkili harita stilini otomatik olarak uygular.

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

Örneği Deneyin