आपके पास कैमरे के पैन, ज़्यादा से ज़्यादा ऊंचाई को कंट्रोल करने या अक्षांश और देशांतर की सीमाएं तय करने का विकल्प होता है. इससे किसी मैप में उपयोगकर्ता की गतिविधि को सीमित किया जा सकता है. कैमरे के इस्तेमाल पर पाबंदियां लगाकर, ऐसा किया जा सकता है.
यहां दिए गए उदाहरण में, कैमरे की गतिविधि को सीमित करने के लिए, जगह की सीमाएं सेट किया गया मैप दिखाया गया है:
मैप के दायरे को सीमित करना
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();
}
कैमरे को ऐक्सेस करने से रोकना
इनमें से कोई भी विकल्प सेट करके, कैमरे को मूव करने से रोका जा सकता है:
maxAltitudeminAltitudemaxHeadingminHeadingmaxTiltminTilt
यहां दिए गए कोड के उदाहरण में, कैमरे को ऐक्सेस करने से रोकने का तरीका बताया गया है:
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();