आपके प्रोजेक्ट में मैप्स

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

हम 100 अंक तक दिखाते हैं।

सबसे आम उपयोगकर्ता का मामला एक नक्शे पर कंपनी के कार्यालयों के पते दिखाना है। आमतौर पर - एक दर्जन तक।
कार्यान्वयन सबसे सरल, "बॉक्सिंग" है। हम उस पर वास नहीं करेंगे। यांडेक्स और गूगल दोनों ही इस कार्य का एक उत्कृष्ट काम करते हैं, बिना डेवलपर या उपयोगकर्ता को ओवरलोड किए।

कुछ सौ से एक या दो हजार अंक से।

कार्यान्वयन की विधि बिंदुओं के घनत्व पर निर्भर करती है।

Usecase 1: एक संकीर्ण विषय पर संदर्भ पुस्तकें (उदाहरण के लिए, "मास्को के सभी बैंक"), आदि।

उदाहरण के लिए, यदि हम "मास्को के सभी बैंकों" को 2000 अंकों (सशर्त रूप से) के साथ लेते हैं, तो घनत्व काफी अधिक होगा। लगभग सभी 2000 अंक औसत ज़ूम के एक व्यूपोर्ट में प्रदर्शित किए जाएंगे। इस मामले में, क्लस्टरिंग अंक मदद करेंगे। Google के लिए, क्लस्टरिंग (उदाहरण के लिए, MarkerClusterer) के लिए कई मुफ्त पुस्तकालय हैं, और नए Yandex API में, क्लस्टरिंग को एपीआई में एकीकृत किया गया है और कोड की कुछ पंक्तियों के साथ आसानी से जोड़ा जा सकता है। और हालांकि यैंडेक्स एपीआई में क्लस्टर का डिफ़ॉल्ट दृश्य एक विवादास्पद मुद्दा हो सकता है, लगभग सब कुछ कॉन्फ़िगर करना संभव है।
इस कार्यान्वयन विधि का मुख्य ऋण (साथ ही साथ) यह है कि सभी डेटा को एक साथ लोड किया जाना चाहिए। यहां से, जो उपयोगकर्ता मानचित्र डाउनलोड करने की अपेक्षा करता है, वह पीड़ित होता है, लेकिन सर्वर पर लोड को देखते हुए, व्यवस्थापक आनन्दित होता है।
क्लाइंट पर पॉइंट फ़िल्टरिंग भी आसान है।

Usecase 2: एक बड़े क्षेत्र में वितरित अंक

यदि अंक एक बड़े क्षेत्र में वितरित किए जाते हैं (उदाहरण के लिए, "रूस में स्पोर्टमास्टर दुकानें"), तो यह शहर के चुनाव के साथ एक मेनू बनाने के लिए तर्कसंगत होगा, या प्लॉट किए गए शहरों के साथ एक अलग नक्शा (इंटरैक्टिव नहीं)। शहर पर क्लिक करके, टैग के साथ पहले से ही इंटरेक्टिव मानचित्र दिखाएं। इस दृष्टिकोण के साथ क्लस्टरिंग आवश्यक नहीं हो सकता है, बस जूम चेंज इवेंट में एक श्रोता को लटकाएं, जो एक निश्चित न्यूनतम ज़ूम प्राप्त करने के लिए शहर का चयन मेनू लाता है।
इतने सारे अंकों के साथ, दोनों एपीआई बड़े ब्रेक के बिना ठीक से संभालते हैं। Google के प्लस में एक कम विपरीत मानचित्र शामिल है, जिस पर आपके मार्कर बेहतर दिखाई देंगे। यैंडेक्स प्लस में एक अधिक सटीक (अफवाह) नक्शा और रूस में बड़ी संख्या में प्रदान किए गए शहर शामिल हैं।
Google API 3 और Yandex Api 2 दोनों कैनवस का उपयोग करते हैं, अर्थात, क्लाइंट पर सीधे लेबल खींचते हैं (हालांकि यांडेक्स के लिए इसे विशेष रूप से शामिल किया जाना चाहिए)।

अब दिल में दांत दर्द के बारे में - यानी। डोम तत्वों की एक बड़ी संख्या (और प्रत्येक बिंदु के लिए यह 3-4 ऑब्जेक्ट है)। जब वस्तुओं की संख्या 2000-3000 तक पहुंच जाती है, तो यह ब्राउज़र को मार देता है।
केवल संभव बैसाखी FlashCanvas हो सकता है। जब इसका उपयोग किया जाता है, तो बहुत अच्छे परिणाम प्राप्त होते हैं, लेकिन यह अभी भी "जाम" के बिना नहीं कर सका।

बहुत से अंक

इसे लागू करने के कई तरीके हैं।

विधि 1

उदाहरण के लिए, क्लस्टरिंग सेवा का उपयोग करें: v2.maptimize.com
महंगा, बदसूरत, और वास्तव में - हमारी विधि नहीं।

विधि 2

अपना स्वयं का टाइल ड्राइंग सर्वर बनाएं।
हम PostGIS + सोरेक्स + Mapnik2 + Mod_tile + Nginx का एक गुच्छा उपयोग करते हैं
सब कुछ बहुत तेज़ है, लेकिन कुछ महत्वपूर्ण सीमाएँ हैं:
1. अद्यतन। बिंदुओं को जोड़ते / हटाते समय, आपको बहुत सी तस्वीरों को फिर से खींचना पड़ता है। आमतौर पर, यह कैश से अप्रचलित छवियों को हटाकर पूरा किया जाता है, और एक खुश उपयोगकर्ता, नक्शे के इस खंड को देखने का निर्णय लेने वाला पहला, लापता टाइलों के ड्राइंग की प्रतीक्षा कर रहा है। मैं Xeon क्वाड-कोर पर 200 अंकों के साथ प्रति सेकंड 100 टाइल तक खींचने में सक्षम था। इसलिए, असीम अपडेट के साथ, सब कुछ ठीक है।
2. फिल्टर करने में असमर्थता।
हां, आप टाइल्स के कई सेट बना सकते हैं। लेकिन किसी भी मामले में, एन श्रेणियों की संख्या के साथ, आप:
a) टाइल्स के N सेट बनाने चाहिए
बी) आप एक ही बार में कई श्रेणियां नहीं दिखा पाएंगे (सैद्धांतिक रूप से - कई परतों को बनाना संभव है, लेकिन एक-दूसरे पर छाया के अतिव्यापी होने और लोडिंग के समय के कारण यह बुरी तरह से बदल जाता है)।
निष्कर्ष: यह विधि फ़िल्टरिंग की संभावना के बिना एक ही डेटा के सेट के लिए उपयुक्त है। उदाहरण के लिए - "रूसी पोस्ट की सभी शाखाएं।"

विधि 3

मक्खी पर टाइलें खींचना।
विधि का अर्थ कैश में अक्सर उपयोग किए जाने वाले सेट (बिना फ़िल्टर किए, मुख्य श्रेणियों द्वारा फ़िल्टर करना) है - कैश में। और मक्खी पर जटिल फिल्टर (उदाहरण के लिए, Sberbank एटीएम + VTB एटीएम) आकर्षित करने के लिए। इस मामले में, निशान का आकार कम से कम 5x5 बनाया जा सकता है और उन्हें पूरे नक्शे पर बिखेर सकता है। यहां क्लस्टरिंग अनावश्यक हो रहा है।
विधि के लिए थोड़ी प्रोग्रामिंग और बहुत सारे लोहे की आवश्यकता होती है। यही है, उच्च हार्डवेयर लागत पर कुछ बग और अच्छी स्थिरता। एक "ग्राफिक" सर्वर एक साथ 100-200 कनेक्शन प्रदान कर सकेगा।

विधि 4

एक और तरीका है - संयुक्त - आपको एक क्षेत्र / शहर पर बहुत कुछ (10,000 तक) प्रदर्शित करने की अनुमति देता है। मैं उसके बारे में अगले लेख में बात करूंगा।