שליטה במפה ובמצלמה

הפלטפורמה: Android iOS JavaScript

יכול להיות שתרצו לשלוט בתנועת המצלמה, בגובה המקסימלי או ליצור גבולות של קווי רוחב ואורך כדי להגביל את התנועה של המשתמש במפה מסוימת. אפשר לעשות זאת באמצעות הגבלות על המצלמה.

בדוגמה הבאה מוצגת מפה עם גבולות מיקום שהוגדרו כדי להגביל את התנועה של המצלמה:

הגבלת גבולות המפה

אפשר להגביל את הגבולות הגיאוגרפיים של המצלמה על ידי הגדרת האפשרות 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();