Maps JavaScript API में मैप को दो अलग-अलग तरीकों से लागू किया जाता है: रास्टर और वेक्टर. रास्टर मैप डिफ़ॉल्ट रूप से लोड होता है और मैप को पिक्सल पर आधारित रास्टर इमेज टाइल, जो Google Maps Platform से जनरेट होती हैं फिर आपके वेब ऐप्लिकेशन पर दिखाया जाता है. वेक्टर मैप कई चीज़ों से मिलकर बना होता है वेक्टर आधारित टाइल, जिन्हें लोड होने के समय क्लाइंट-साइड पर बनाया जाता है. इसके लिए WebGL, एक ऐसी वेब टेक्नोलॉजी है जो ब्राउज़र को उपयोगकर्ता के जीपीयू पर ऐक्सेस करने की अनुमति देती है डिवाइस का इस्तेमाल 2D और 3D ग्राफ़िक्स रेंडर करने के लिए किया जाता है.
वेक्टर मैप वही Google मैप होता है जिसे आपके उपयोगकर्ता जानते हैं. साथ ही, डिफ़ॉल्ट रास्टर टाइल मैप की तुलना में कई फ़ायदे मिलते हैं, जिनमें सबसे खास है वेक्टर-आधारित तस्वीरों का गहरापन, और करीब से 3D बिल्डिंग की फ़ोटो ज़ूम लेवल. वेक्टर मैप कुछ नई सुविधाओं को भी सपोर्ट करता है, जैसे कि WebGL ओवरले व्यू, प्रोग्रामैटिक झुकाव, और हेडिंग कंट्रोल, बेहतर कैमरा कंट्रोल, और बेहतर तरीके से ज़ूम करने की सुविधा ज़ूम करना.
वेक्टर मैप का इस्तेमाल शुरू करें
कैमरा कंट्रोल करें
कैमरे के किसी भी कॉम्बिनेशन को अपडेट करने के लिए, map.moveCamera() फ़ंक्शन का इस्तेमाल करें
प्रॉपर्टी को एक साथ रिकॉर्ड कर सकते हैं. map.moveCamera() सिर्फ़ ऐसा पैरामीटर स्वीकार करता है जिसमें शामिल हो
सभी कैमरे की प्रॉपर्टी को अपडेट करना है. नीचे दिए गए उदाहरण में, कॉल करने का तरीका दिखाया गया है
center, zoom, heading, और tilt को एक साथ सेट करने के लिए map.moveCamera():
map.moveCamera({
center: new google.maps.LatLng(37.7893719, -122.3942),
zoom: 16,
heading: 320,
tilt: 47.5
});
कैमरे की प्रॉपर्टी को ऐनिमेट किया जा सकता है. इसके लिए, map.moveCamera() को
ऐनिमेशन लूप, जैसा कि यहां दिखाया गया है:
const degreesPerSecond = 3;
function animateCamera(time) {
// Update the heading, leave everything else as-is.
map.moveCamera({
heading: (time / 1000) * degreesPerSecond
});
requestAnimationFrame(animateCamera);
}
// Start the animation.
requestAnimationFrame(animateCamera);
आंशिक ज़ूम
वेक्टर मैप में फ़्रैक्शनल ज़ूम की सुविधा काम करती है. इससे आपको फ़्रैक्शनल का इस्तेमाल करके ज़ूम करने की सुविधा मिलती है
मान का इस्तेमाल करें. रास्टर और वेक्टर, दोनों मैप फ़्रैक्शनल मैप पर काम करते हैं
ज़ूम करें, भिन्नात्मक ज़ूम सदिश मैप के लिए डिफ़ॉल्ट रूप से चालू होता है, और डिफ़ॉल्ट रूप से बंद होता है
रास्टर मैप. भिन्नात्मक मोड़ने के लिए isFractionalZoomEnabled मैप विकल्प का इस्तेमाल करें
ज़ूम चालू या बंद करना.
नीचे दिए गए उदाहरण में, मैप शुरू करते समय फ़्रैक्शनल ज़ूम को चालू करने के बारे में बताया गया है:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
isFractionalZoomEnabled: true
});
भिन्न पर ज़ूम करने के विकल्प को सेट करके आप
isFractionalZoomEnabled मैप विकल्प, जैसा कि यहां दिखाया गया है:
// Using map.set
map.set('isFractionalZoomEnabled', true);
// Using map.setOptions
map.setOptions({isFractionalZoomEnabled: true});
लिसनर को यह पता लगाने के लिए सेट किया जा सकता है कि फ़्रैक्शनल ज़ूम चालू है या नहीं; यह है
अगर आपने isFractionalZoomEnabled को साफ़ तौर पर true पर सेट नहीं किया है, तो यह सबसे ज़्यादा फ़ायदेमंद होगा
या false. निम्न उदाहरण कोड यह देखने के लिए जांच करता है कि भिन्नात्मक ज़ूम
सक्षम है:
map.addListener('isfractionalzoomenabled_changed', () => {
const isFractionalZoomEnabled = map.get('isFractionalZoomEnabled');
if (isFractionalZoomEnabled === false) {
console.log('not using fractional zoom');
} else if (isFractionalZoomEnabled === true) {
console.log('using fractional zoom');
} else {
console.log('map not done initializing yet');
}
});