التحكّم في الخريطة والكاميرا

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

يوضّح المثال التالي خريطة مع ضبط حدود الموقع الجغرافي للحدّ من حركة الكاميرا:

تقييد حدود الخريطة

يمكنك تقييد الحدود الجغرافية للكاميرا من خلال ضبط الخيار bounds.

يوضح نموذج الرمز البرمجي التالي تقييد حدود الخريطة:

async function init() {
  const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d");

  const map = new Map3DElement({
    center: { lat: 37.7704, lng: -122.3985, altitude: 500 },
    tilt: 67.5,
    mode: MapMode.HYBRID,
    bounds: {south: 37, west: -123, north: 38, east: -121}
  });

init();
}

حظر الوصول إلى الكاميرا

يمكنك تقييد حركة الكاميرا من خلال ضبط أي من الخيارات التالية:

  • maxAltitude
  • minAltitude
  • maxHeading
  • minHeading
  • maxTilt
  • minTilt

يوضح نموذج التعليمات البرمجية التالي تقييد الكاميرا:

async function init() {
  const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d");

  const map = new Map3DElement({
    center: { lat: 37.7704, lng: -122.3985, altitude: 500 },
    tilt: 67.5,
    mode: MapMode.HYBRID,
    minAltitude: 1,
    maxAltitude: 1000,
    minTilt: 35,
    maxTilt: 55
  });

 document.body.append(map);
}

init();

فرض قيود على حدود الخريطة والكاميرا

يمكنك تقييد كل من حدود الخريطة والكاميرا في وقت واحد. يوضح نموذج التعليمات البرمجية التالي تقييد حدود الخريطة والكاميرا:

async function init() {
  const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d");

  const map = new Map3DElement({
    center: { lat: 37.7704, lng: -122.3985, altitude: 500 },
    tilt: 67.5,
    mode: MapMode.HYBRID,
    minAltitude: 1,
    maxAltitude: 1000,
    minTilt: 35,
    maxTilt: 55,
    bounds: {south: 37, west: -123, north: 38, east: -121}
  });

 document.body.append(map);
}

init();