نقشه و دوربین را کنترل کنید

ممکن است برای شما مطلوب باشد که پانل دوربین، حداکثر ارتفاع، یا ایجاد مرزهای طول و عرض جغرافیایی که حرکت کاربر را در یک نقشه مشخص محدود می کند، کنترل کنید. می توانید این کار را با استفاده از محدودیت های دوربین انجام دهید.

مثال زیر نقشه ای را نشان می دهد که مرزهای مکان برای محدود کردن حرکت دوربین تنظیم شده است:

محدود کردن محدوده نقشه

می توانید با تنظیم گزینه 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();