यह पृष्ठ सदिश मैप और WebGL सुविधाओं के लिए ज्ञात समस्याओं और सुझावों को सूचीबद्ध करता है.
ब्राउज़र/डिवाइस सहायता
WebGL सुविधा की झलक, उन ब्राउज़र और डिवाइसों पर ही काम करती है जिन पर Maps JavaScript API काम करता है. यह देखने के लिए कि किसी खास डिवाइस पर ब्राउज़र WebGL काम करेगा या नहीं, get.webgl.org पर जाएं या caniuse.com पर जाएँ. कृपया यह भी पक्का करें कि हार्डवेयर एक्सेलरेटर को ब्राउज़र सेटिंग में चालू किया गया है, नहीं तो वेक्टर मैप रास्टर पर वापस चला जाएगा.
रास्टर या वेक्टर?
कभी-कभी, वेक्टर मैप वापस रास्टर में चला जाता है. ऐसा होने पर, सुविधाएं वेक्टर मैप के लिए उपलब्ध नहीं हैं. रास्टर मैप पर फ़ॉलबैक हो सकता है कई वजहों से ऐसा किया जा सकता है. इस सेक्शन में, सही तरीके से कॉन्फ़िगर करने का तरीका बताया गया है वेब ब्राउज़र में देख सकते हैं और प्रोग्रामेटिक रूप से यह कैसे देख सकते हैं कि वेक्टर मैप क्षमता मौजूद है.
Chrome पर ब्राउज़र की सुविधाएं देखना
यह तय करने के लिए कि किसी खास प्रोसेस में, हार्डवेयर से तेज़ी लाने की कौनसी सुविधाएं चालू हैं Chrome इंस्टॉल करना है, तो chrome://gpu/ पर जाएं और कि नीचे दिए गए आइटम चालू हैं (हरे रंग में):
- "OpenGL: चालू है"
- "WebGL: हार्डवेयर की मदद से तेज़ी से काम किया गया"
- "WebGL2: हार्डवेयर की मदद से तेज़ी से काम किया गया"
(ये सिर्फ़ बुनियादी शर्तें हैं, कुछ ऐसे अन्य कारक भी हो सकते हैं जो सहायता पर असर डालते हैं, तो "पहले से मालूम गड़बड़ियां" देखें below.)
हार्डवेयर की मदद से तेज़ी लाने की सुविधा चालू करें
वेक्टर मैप को सपोर्ट करने के लिए, ज़्यादातर मामलों में हार्डवेयर एक्सेलरेटर चालू होना चाहिए ब्राउज़र खोलें. Chrome और Microsoft Edge में, हार्डवेयर की मदद से तेज़ी लाने की सुविधा चालू करने के लिए, सेटिंग में जाकर, सिस्टम चुनें. इसके बाद, पक्का करें कि 'हार्डवेयर से तेज़ी लाएं' सुविधा का इस्तेमाल किया जा रहा हो) जब उपलब्ध हो, चालू हो.
- Safari में वेबसाइट की प्राथमिकताएं बदलने का तरीका जानें.
- Firefox की परफ़ॉर्मेंस सेटिंग के बारे में जानें.
प्रोग्राम की मदद से रास्टर या वेक्टर की जांच करना
आप प्रोग्रामेटिक रूप से यह देखने के लिए जांच कर सकते हैं कि क्या कोई मैप रास्टर है या वेक्टर है
map.getRenderingType()
पर कॉल किया जा रहा है. नीचे दिए गए उदाहरण में, मॉनिटर करने के लिए कोड दिखाया गया है
renderingtype_changed
इवेंट में दिखेगी. साथ ही, एक जानकारी विंडो दिखेगी, जिससे यह पता चलेगा कि
रास्टर या वेक्टर मैप का इस्तेमाल किया जा रहा है.
TypeScript
/** * This example creates a map with an info window that shows whether * the map render type is raster or vector. */ function initMap() { const center = {lat: 0, lng: 0}; const map = new google.maps.Map(document.getElementById('map') as HTMLElement, { center, zoom: 10, heading: 0.0, tilt: 0.0, // Map ID for a vector map. mapId: '6ff586e93e18149f', }); const canvas = document.createElement("canvas"); const infoWindow = new google.maps.InfoWindow({ content: '', ariaLabel: 'Raster/Vector', position: center, }); infoWindow.open({ map, }); map.addListener('renderingtype_changed', () => { infoWindow.setContent(`${map.getRenderingType()}`); }); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
/** * This example creates a map with an info window that shows whether * the map render type is raster or vector. */ function initMap() { const center = { lat: 0, lng: 0 }; const map = new google.maps.Map(document.getElementById("map"), { center, zoom: 10, heading: 0.0, tilt: 0.0, // Map ID for a vector map. mapId: "6ff586e93e18149f", }); const canvas = document.createElement("canvas"); const infoWindow = new google.maps.InfoWindow({ content: "", ariaLabel: "Raster/Vector", position: center, }); infoWindow.open({ map, }); map.addListener("renderingtype_changed", () => { infoWindow.setContent(`${map.getRenderingType()}`); }); } window.initMap = initMap;
WebGL 2 सही से काम करता है या नहीं, इसकी जांच करने के लिए, WebGL रेंडरिंग के कॉन्टेक्स्ट का भी इस्तेमाल किया जा सकता है:
const canvas = document.createElement("canvas");
canvas.getContext("webgl2") ? console.log("WebGL 2 is supported") : console.log("WebGL 2 is NOT supported");
WebGL रेंडरिंग के कॉन्टेक्स्ट का पता लगाने के अन्य तरीके.
मोबाइल वेब सहायता
वेक्टर मैप के लिए मोबाइल वेब सपोर्ट की सुविधा अब भी प्रयोग के तौर पर उपलब्ध है. डेवलपर इसका इस्तेमाल कर सकते हैं क्लाइंट API का इस्तेमाल करके मोबाइल वेब ब्राउज़र का पता लगाया जा सकता है. साथ ही, वेक्टर मैप के बजाय रास्टर मैप. हमारा अनुमान है कि रेंडरिंग की परफ़ॉर्मेंस धीमी हो सकती है कुछ मोबाइल डिवाइस के लिए. मोबाइल वेब पर वेक्टर मैप का इस्तेमाल करने के लिए, हम हम परफ़ॉर्मेंस के आंकड़े और सुझाव देना चाहेंगे. जैसा कि ऊपर बताया गया है, अगर वेक्टर मैप समर्थन उपलब्ध नहीं है, वेक्टर मैप आईडी अपने-आप रास्टर मैप के इस्तेमाल पर फ़ॉलबैक.
बग
पहले से मालूम गड़बड़ियां
- एएमडी जीपीयू वाले कुछ macOS डिवाइसों पर, Chrome में एक समस्या मिली है. यह काम कर सकता है यह तब भ्रम की स्थिति पैदा करता है, जब macOS, जीपीयू के बीच डाइनैमिक तौर पर स्विच करता है इसलिए, हो सकता है कि वेक्टर मैप उपलब्ध न हो कौन-से अन्य ऐप्लिकेशन चल रहे हैं या क्या कोई बाहरी मॉनिटर कनेक्ट है. ऐसा लगता है कि Chrome के आने वाले ANGLE मेटल बैकएंड को चालू करके, इस समस्या को हल किया जा सकता है कुछ मामलों में. आप इसके लिए सामान्य रोल आउट प्लान को यहां फ़ॉलो कर सकते हैं https://bugs.chromium.org/p/chromium/issues/detail?id=1322521.
गड़बड़ियों की शिकायत करना
- गड़बड़ी की शिकायत करने से पहले, कृपया ब्राउज़र और जीपीयू ड्राइवर को नए वर्शन में अपडेट करें.
- पक्का करें कि
chrome://settings/system
(Chrome),about:preferences#general
(Firefox),edge://settings/system
(Microsoft Edge) में 'हार्डवेयर से तेज़ी लाएं' सुविधा की सेटिंग चालू हो. Safari में, यह सेटिंग macOS के वर्शन 10.15 या इसके बाद के वर्शन में अपने-आप चालू हो जाती है. MacOS के पुराने वर्शन के लिए, कृपया Safari की ऐडवांस सेटिंग में जाएं और पक्का करें कि "हार्डवेयर से तेज़ी लाएं" विकल्प सक्षम होता है. - गड़बड़ी की रिपोर्ट में, jsfiddle के सैंपल कोड का लिंक शामिल करें.
- अगर आपको रेंडरिंग में कोई समस्या आती है, तो कृपया
chrome://gpu
(Chrome),about:support
(Firefox) याedge://gpu
(Microsoft Edge) का स्क्रीनशॉट भी लें. गड़बड़ी की रिपोर्ट में जीपीयू से जुड़ी जानकारी अटैच करें.
हमें अपने विचार बताएं!
हम आपके फ़ीडबैक को महत्व देते हैं, क्योंकि हम इसके लिए सर्वोत्तम वेक्टर मैप अनुभव बनाने का प्रयास करते हैं आपके और आपके असली उपयोगकर्ताओं को ध्यान में रखकर बनाया गया है. कृपया हमें बताएं, अगर:
- आपको अपने वेब ऐप्लिकेशन खोलें.
- वेक्टर मैप के शुरू होने में लगने वाला समय, रास्टर की तुलना में काफ़ी खराब है मैप. अगर ऐसा है, तो स्टार्टअप के इंतज़ार के समय के रिग्रेशन की मेट्रिक उपयोगी होते हैं. आम तौर पर, हम यह जानना चाहते हैं कि क्या स्टार्टअप के शुरू होने में लगने वाला समय, स्वीकार किए जाने वाले थ्रेशोल्ड.
- वेक्टर मैप का अनुभव उतना आसान नहीं होता जितना होना चाहिए. एफ़पीएस या जैंक मेट्रिक, वे वेक्टर और रास्टर मैप के बीच तुलना कैसे करते हैं?
- ब्राउज़र के हिसाब से परफ़ॉर्मेंस में काफ़ी अंतर होता है.
अगर आपने वेक्टर मैप और रास्टर मैप की तुलना करने के लिए, A/B टेस्टिंग सेट अप की है, अगर आपको परफ़ॉर्मेंस के बारे में कोई सुझाव/राय देनी है या शिकायत करनी है, तो कृपया इसे शेयर करें. इससे हमें बहुत मदद मिलेगी ताकि हम इस सुविधा को बेहतर बना सकें.