JavaScript API Yandex.Maps - संस्करण 2.1-बीटा - नई डिज़ाइन और नई सुविधाएँ

हमने Yandex.Map 2.1 एपीआई का बीटा संस्करण जारी किया है। इसकी मुख्य विशेषता मानचित्र इंटरफ़ेस का एक पूर्ण रीडिज़ाइन है। इसके अलावा, परिवर्तन न केवल उपस्थिति को प्रभावित करते हैं, बल्कि मानचित्र के व्यवहार को भी नियंत्रित करते हैं। चूंकि यह शुरू में स्पष्ट था कि पिछड़े संगतता के टूटने से बचा नहीं जा सकता था, इसलिए हमने वास्तु परिवर्तन भी किए जो कि एपीआई के संचालन (पोस्ट के अंत के पास उनके बारे में) को बेहतर बनाने के लिए आवश्यक थे।

डिज़ाइन के लिए, हमारे लिए यह महत्वपूर्ण था कि इंटरफ़ेस विभिन्न आकारों के उपकरणों और स्क्रीन पर समान रूप से अच्छा लगे। मुख्य कठिनाइयों में से एक यह है कि हम पहले से कभी नहीं जानते हैं कि अंतर्निहित नक्शे के साथ एक सेवा या वेबसाइट क्या दिखाई देगी। इसलिए, जब एक नया स्वरूप विकसित किया जा रहा है, तो हमें अधिकतम विकल्पों का पूर्वाभास करने की आवश्यकता है।

अपनी समस्याओं को हल करने के लिए, हमने एक अनुकूली इंटरफ़ेस डिज़ाइन को लागू करने के लिए नए संस्करण में निर्णय लिया। फिर भी एक और सम्मेलन में, मैडमेयर डिजाइनर और ज़ाइलोस डेवलपर ने एक प्रस्तुति दी कि हमें अनुकूलनशीलता की आवश्यकता क्यों है और हमने इसे एपीआई में कैसे लागू किया । इस पोस्ट में, मैं हमारे समाधानों की पृष्ठभूमि और अवधारणा का वर्णन करूंगा, 2.1-बीटा संस्करण में नया क्या है, इसके बारे में बात करूंगा और रिलीज 2.1 के साथ और क्या बदल जाएगा।

हम डिजाइन के बारे में क्यों सोच रहे हैं?

संस्करण 2.0 की रिहाई के बाद, हमने पहले से ही एक पोस्ट लिखा था जिसमें हमने एपीआई विकसित करने के लिए हमारे दृष्टिकोण के बारे में बात की थी। अवधारणा का सार यह है कि हम उत्पाद न केवल डेवलपर्स के लिए बनाते हैं, बल्कि उन लोगों के लिए भी जो अपने काम के परिणामों का उपयोग करेंगे। यदि किसी व्यक्ति के लिए हमारे कार्ड का उपयोग करना सुविधाजनक और सुखद है, और उसे अपनी पसंदीदा सेवाओं से उनकी आवश्यकता होगी - यह एक वास्तविक सफलता होगी। उसी समय, डेवलपर्स को उपयोगकर्ताओं की इच्छाओं को पूरा करने के लिए भी आसान और सुखद होना चाहिए, जिसका अर्थ है कि हमें एपीआई के साथ उनके काम को अधिकतम करने के लिए सरल करना चाहिए। इस तरह के विचारों के साथ, हमने संस्करण 2.0 पर काम करना शुरू कर दिया, और नया 2.1 बीटा उसी अवधारणा का एक तार्किक निरंतरता बन गया।

अध्ययन

हमारे एपीआई की स्थापना का अवलोकन करना और कार्ड के उपयोग के मामलों का विश्लेषण करना, हमने दो मुख्य प्रकार के डेवलपर्स की पहचान की:

• वे विशिष्ट समस्याओं को हल करते हैं, बहुत समय बिताना नहीं चाहते हैं, तैयार-किए गए यैंडेक्स इंटरफेस पसंद करते हैं। उनमें से लगभग 90% हैं।
• वे गैर-मानक समस्याओं को हल करते हैं या अपने तरीके से भी विशिष्ट समस्याओं को हल करना पसंद करते हैं। वे मानक नियंत्रण के लिए उपयुक्त नहीं हैं। हमें कार्डों के गंभीर अनुकूलन की आवश्यकता है। यह तर्कसंगत है कि यह शेष 10% है।

इसलिए, हमें पहले अच्छा प्रदर्शन करना था, दूसरे पैंतरेबाज़ी के लिए कमरे को छोड़कर। यानी तैयार किए गए समाधानों का एक सेट तैयार करें जो स्वयं अंतिम मानचित्र की उपस्थिति को नियंत्रित करता है, अर्थात। "अच्छा कर रहे हैं", लेकिन एक ही समय में, यदि वांछित है, तो उन्हें आपकी खुद की जरूरतों के लिए अनुकूलित किया जा सकता है। संतुलन बनाए रखने की चुनौती थी।



दर्शकों पर फैसला करने के बाद, हमने उपयोग के मामलों का अध्ययन करना शुरू किया। यह पता चला कि हमारे मामले में, अजीब तरह से, आकार प्राथमिक महत्व का है। हमें 3 + 1 विकल्प मिले: छोटे, मध्यम, बड़े मानचित्र और मोबाइल साइट।

विभिन्न आकारों के कार्ड के लिए एक डिजाइन बनाएं

सबसे खराब स्थिति छोटे कार्डों की है। ऐसा लगता है कि छोटे आकार के कारण यह सभी मानचित्र नियंत्रणों को हटाने के लायक है, लेकिन आप कार्यक्षमता को खोना नहीं चाहते हैं। इसलिए, विशेष रूप से छोटे कार्डों के लिए, हमने नियंत्रणों का एक नया सेट बनाया:


एक नया नियंत्रण भी जोड़ा गया है - "पूर्ण स्क्रीन के लिए मानचित्र का विस्तार करें"। यह एक छोटा कार्ड रखकर साइट पर स्थान बचाता है, और अंतिम उपयोगकर्ता के पास एक बड़ा मानचित्र देखने का अवसर है। कार्ड के सभी वांछित व्यवहार को पहले से ही एपीआई की ओर से क्रमादेशित किया गया है। सामान्य तौर पर, इस बटन का विचार तब पैदा हुआ था जब हमने मोबाइल उपकरणों के समाधान के बारे में सोचा था। डेस्कटॉप पर एक स्वीकार्य कार्ड मोबाइल पर पूरी तरह से बेकार हो सकता है। फुलस्क्रीन इस समस्या का हल करती है:


इसके अलावा, छोटे कार्ड के आकार के लिए बालून का डिज़ाइन बदल गया है। अब मोबाइल उपकरणों के छोटे नक्शे और स्क्रीन पर, मानक गुब्बारे को स्क्रीन के नीचे एक प्लेट द्वारा बदल दिया जाता है। यह आपको उपयोगकर्ताओं के लिए अधिक जानकारी कार्ड सहेजने की अनुमति देता है। यदि वांछित है, तो यह विकल्प अक्षम किया जा सकता है।


मध्यम कार्ड के साथ, सब कुछ बहुत सरल है। चूँकि वहाँ घूमना है:


बड़े नक्शे के साथ:


मानचित्र नियंत्रण चुनते समय डेवलपर्स के काम को सरल बनाने के लिए, हमने विभिन्न मानचित्र आकारों के लिए तीन तैयार किए गए सेट बनाए।

map.controls.add('default'); 

उपलब्ध कुंजियों की सूची:
छोटे के लिए smallMapDefaultSet //
MediumMapDefaultSet // सामान्य के लिए
बड़े के लिए bigMapDefaultSet //

बेशक, आप अभी भी अपने आप को आवश्यक नियंत्रण निर्दिष्ट कर सकते हैं।

 myMap.controls .add('trafficControl') //  .add('searchControl') //  .add('zoomControl') // - .add('typeSelector') //  .add('geolocationControl') //  .add('fullscreenControl') //  … 

अनुकूलन क्षमता

यह अलग-अलग कार्ड के आकारों के लिए केवल एक इंटरफ़ेस डिज़ाइन तैयार करने के लिए पर्याप्त नहीं है। आखिरकार, विभिन्न स्क्रीन पर नक्शे के साथ एक पृष्ठ खोला जा सकता है। इसीलिए कार्ड इंटरफेस के अनुकूल व्यवहार को लागू करने का निर्णय लिया गया। विभिन्न इंटरफ़ेस तत्वों को फिर से बनाया और मैप कंटेनर के वास्तविक आकार के आधार पर आकार परिवर्तन किया जाता है।


हमने नियंत्रण के माध्यम से अनुकूली व्यवहार को लागू किया। मानेगर । यह उन बटनों और सूचियों के लिए भी सेट किया जा सकता है जिन्हें आप स्वयं बनाते हैं:

त्वरण और अनुकूलन कार्य

एक भू वस्तु मानचित्र पर मुख्य इकाई है। इस तरह के शीर्षक के लिए उसे एक जटिल और बोझिल संरचना के साथ भुगतान करना होगा। भू वस्तुओं पर काम का पहला पुनरावृत्ति उनके निर्माण के दौरान लोड वितरित करना था। हमने भू ऑब्जेक्ट के कंस्ट्रक्टर से सभी तैयारी संचालन को उन स्थानों पर हटाने की कोशिश की जहां वे वास्तव में जरूरत बन जाते हैं। इससे बहुत अच्छे परिणाम मिले। इसके अलावा कुछ जगहों पर हमने _defineGetter_ और defineProperty (_defineGetter_) का उपयोग करके संस्थाओं की आलसी शुरुआत की है, वैसे यह थोड़ा तेज है)। हमने अपने इवेंट सिस्टम के भीतर जियोबॉजेक्ट घटनाओं के लिए सदस्यता की संख्या कम कर दी है। लक्ष्य ऑब्जेक्ट के हैंडलर में बाद की परिभाषा के साथ भू वस्तुओं के एक समूह को तुरंत सदस्यता प्राप्त करके आंशिक रूप से मदद की। यहां हमें यह स्वीकार करना चाहिए कि त्वरण को केवल डोम और कैनवास लेबल पर महसूस किया जा सकता है, हमें नए svg लेबल को परिष्कृत करना होगा (हम इसे बीटा क्यों कहते हैं? क्योंकि यह बीटा तब कुछ भी नहीं है ...)

काम के दौरान, हमारे पास कोड में थोड़ी सी सफाई का समय था, इसके परिणामों के अनुसार, हम सूक्ष्म निष्कर्ष प्रस्तुत करते हैं:
माइक्रो निष्कर्ष 1. एक हैंडलर फ़ंक्शन को पास करते समय, एक अलग फ़ंक्शन, एक अलग संदर्भ को पास करना अधिक लाभदायक होता है। यदि आपके हाथों में खुजली हो रही है, तो आप तुरंत इस बारे में सोचें कि क्या आप इसे वहन कर सकते हैं।
माइक्रो आउटपुट 2. मध्यवर्ती सरणियों, वस्तुओं और अनाम कार्यों की संख्या कम करें। वे हमेशा कचरा कलेक्टर द्वारा अच्छी तरह से साफ नहीं किए जाते हैं।

अन्य परिवर्तन

1. एपीआई 2.0 के संस्करण 2.0 में, आईपी द्वारा स्थान का निर्धारण करने या जियोलोकेशन एपीआई का उपयोग करने के लिए, डेवलपर्स को स्वतंत्र रूप से आवश्यक तरीकों का उपयोग करना और परिणाम की प्रक्रिया करना है। संस्करण 2.1 में, बस एक नया मानक नियंत्रण जोड़ना पर्याप्त है:
   

    control.GeolocationControl(parameters) 

   एपीआई में उपयोग किए जाने वाले उपयोगकर्ता स्थान तंत्र में भी सुधार किया गया है। अब आईपी पते द्वारा ब्राउज़र जियोलोकेशन और जियोलोकेशन से सबसे सटीक परिणाम स्वचालित रूप से चुना जाता है।
2. एपीआई में मानक लेबल एसवीजी में फिर से तैयार किए गए थे, जिसका अर्थ है कि उन्हें मनमाने रंगों में सेट किया जा सकता है।
3. संस्करण 2.1 में पैकेज सिस्टम को समाप्त कर दिया जाएगा। एपीआई को इस तरह से बदल दिया जाता है ताकि मांग पर एपीआई घटकों को अधिक से अधिक लोड किया जा सके, जिसके लिए अधिकांश मैपिंग को अतुल्यकालिक मोड में स्थानांतरित कर दिया गया था। अभी भी काम चल रहा है।
4. इस तरह के एक बड़े पैमाने पर अद्यतन के लिए, हमें संस्करण 2.0 के साथ पिछड़ी संगतता का त्याग करना पड़ा। इसके अलावा, बीटा संस्करण के कुछ हिस्सों के लिए बैकवर्ड संगतता संस्करण 2.1 की आधिकारिक रिलीज के लिए टूट सकती है:
   
   • क्लस्टरिंग काफी बदल जाएगा।
   • Map.action.anager फिर से लिखा जाएगा।
   • डोम स्पेसिफिकेशन के अनुसार वादे लागू किए जाएंगे।
   • Ymaps नाम स्थान की कुछ वस्तुओं को मांग पर डाउनलोड में रखा जाएगा।
5. बीटा संस्करण 2.1 से बाहर निकलने के बाद, संस्करण प्रणाली बदल जाएगी। आधिकारिक रिलीज से पहले, आप केवल एपीआई के नवीनतम संस्करण को api-maps.yandex.ru/2.1-dev पर कनेक्ट कर सकते हैं।

एपीआई 2.1-बीटा एपीआई संदर्भ एपीआई वेबसाइट पर प्रकाशित किया गया है । उदाहरण सैंडबॉक्स में पाए जा सकते हैं। इसके अलावा, Yandex.Maps का बीटा संस्करण पहले से ही नए एपीआई पर चल रहा है।