Mengontrol peta dan kamera

Anda mungkin ingin mengontrol penggeseran kamera, ketinggian maksimum, atau membuat batas lintang dan bujur yang membatasi pergerakan pengguna pada peta tertentu. Anda dapat melakukannya menggunakan pembatasan kamera.

Contoh berikut menampilkan peta dengan batas lokasi yang ditetapkan untuk membatasi gerakan kamera:

Membatasi batas peta

Anda dapat membatasi batas geografis kamera dengan menetapkan opsi bounds.

Contoh kode berikut menunjukkan pembatasan batas peta:

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();
}

Batasi kamera

Anda dapat membatasi pergerakan kamera dengan menyetel salah satu opsi berikut:

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

Contoh kode berikut menunjukkan pembatasan kamera:

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();

Membatasi batas peta dan kamera

Anda dapat membatasi batas peta dan kamera secara bersamaan. Contoh kode berikut menunjukkan pembatasan batas peta dan kamera:

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();