Contrôler la carte et la caméra

Sélectionnez une plate-forme : Android iOS JavaScript

Vous pouvez contrôler le panoramique et l'altitude maximale de la caméra, ou créer des limites de latitude et de longitude pour restreindre les déplacements d'un utilisateur sur une carte donnée. Vous pouvez le faire à l'aide des restrictions de l'appareil photo.

L'exemple suivant montre une carte avec des limites de localisation définies pour limiter le mouvement de la caméra :

Restreindre les limites de la carte

Vous pouvez limiter les limites géographiques de la caméra en définissant l'option bounds.

L'exemple de code suivant montre comment limiter les limites de la carte :

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

Restreindre l'accès à la caméra

Vous pouvez limiter les mouvements de la caméra en définissant l'une des options suivantes :

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

L'exemple de code suivant montre comment restreindre la caméra :

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

Restreindre les limites de la carte et de la caméra

Vous pouvez limiter simultanément les limites de la carte et de la caméra. L'exemple de code suivant montre comment limiter les limites de la carte et de la caméra :

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