تراكبات الأرض

تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
اختَر النظام الأساسي: Android iOS JavaScript
  1. مقدمة
  2. إضافة تراكب الأرض
  3. إزالة تراكب الأرض

مقدمة

العناصر المركّبة هي عناصر على الخريطة مرتبطة بإحداثيات خطوط الطول/العرض، لذلك تتحرك عند سحب الخريطة أو تكبيرها/تصغيرها. إذا كنت تريد وضع صورة على خريطة، يمكنك استخدام عنصر GroundOverlay.

للحصول على معلومات حول الأنواع الأخرى من التراكب، يمكنك الاطّلاع على الرسم على الخريطة.

إضافة تراكب أرض

تحدّد أداة إنشاء GroundOverlay عنوان URL لصورة وLatLngBounds للصورة كمعلّمات. سيتم عرض الصورة على الخريطة، ويجب أن تكون محدّدة بحدود معيّنة، وأن تكون متوافقة باستخدام إسقاط الخريطة.

TypeScript

// This example uses a GroundOverlay to place an image on the map
// showing an antique map of Newark, NJ.

let historicalOverlay;

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 40.74, lng: -74.18 },
    }
  );

  const imageBounds = {
    north: 40.773941,
    south: 40.712216,
    east: -74.12544,
    west: -74.22655,
  };

  historicalOverlay = new google.maps.GroundOverlay(
    "https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",
    imageBounds
  );
  historicalOverlay.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

// This example uses a GroundOverlay to place an image on the map
// showing an antique map of Newark, NJ.
let historicalOverlay;

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 40.74, lng: -74.18 },
  });
  const imageBounds = {
    north: 40.773941,
    south: 40.712216,
    east: -74.12544,
    west: -74.22655,
  };

  historicalOverlay = new google.maps.GroundOverlay(
    "https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",
    imageBounds
  );
  historicalOverlay.setMap(map);
}

window.initMap = initMap;
عرض مثال

جرّب عيّنة

إزالة تراكب الأرض

لإزالة تراكب من خريطة، استخدم طريقة التراكب setMap()، حيث يتم تمرير null. يُرجى العِلم بأن استدعاء هذه الطريقة لا يؤدي إلى حذف التراكب. ويؤدي هذا إلى إزالة التراكب من الخريطة. أما إذا أردت حذف التراكب، فيجب إزالته من الخريطة، ثم ضبط التراكب نفسه على null.

function removeOverlay() {
  historicalOverlay.setMap(null);
}

عرض مثال