أمثلة على التصميم القديم على السحابة الإلكترونية

هذا مثال أساسي لتحميل خريطة ذات تصميم مخصص باستخدام رقم تعريف الخريطة. في هذه الحالة، يشير رمز 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

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
الاطّلاع على مثال

تجربة النموذج