मैप और कैमरे को कंट्रोल करना

कैमरे के पैन, ज़्यादा से ज़्यादा ऊंचाई को कंट्रोल करने या दिए गए मैप पर उपयोगकर्ता की गतिविधि को प्रतिबंधित करने वाले अक्षांश और देशांतर की सीमाएं तय करने में आपकी दिलचस्पी हो सकती है. ऐसा करने के लिए, कैमरे पर लगी पाबंदियां इस्तेमाल की जा सकती हैं.

इस उदाहरण में, एक ऐसा मैप दिखाया गया है जिसमें कैमरे की मूवमेंट को सीमित करने के लिए, जगह की सीमाएं सेट की गई हैं:

मैप की सीमाएं सीमित करें

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