बिंग मैप्स

Question

में बड़ी संख्या में पुशपिन को कैसे संभालें I Ajax के साथ बिंग मैप्स का उपयोग कर रहा हूं और मेरे पास पुशपिन ड्रॉप करने के लिए लगभग 80,000 स्थान हैं। सुविधा का उद्देश्य उपयोगकर्ता को लुइसियाना में रेस्तरां खोजने की अनुमति देना है और स्वास्थ्य निरीक्षण जानकारी देखने के लिए पुशपिन पर क्लिक करना है।

स्पष्ट रूप से यह एक समय में मानचित्र पर 80,000 पिन रखने के लिए बहुत अच्छा नहीं करता है, लेकिन मैं इस समस्या का सबसे अच्छा समाधान खोजने के लिए संघर्ष कर रहा हूं। एक और समस्या यह है कि इन स्थानों के बीच की दूरी बहुत छोटी है (सभी 80,000 लुइसियाना में हैं)। मुझे पता है कि मैं मानचित्र को छेड़छाड़ करने के लिए क्लस्टरिंग का उपयोग कर सकता हूं, लेकिन ऐसा लगता है कि अभी भी प्रदर्शन समस्याओं का कारण बन जाएगा।

जो मैं वर्तमान में करने की कोशिश कर रहा हूं वह केवल एक निश्चित ज़ूम स्तर तक किसी भी पिन को दिखाने के लिए नहीं है और फिर केवल वर्तमान दृश्य के भीतर पिन दिखाएं। जिस तरह से मैं वर्तमान में ऐसा करने का प्रयास कर रहा हूं, ज़ूम स्तर और मानचित्र की सीमाओं को ढूंढने के लिए व्यूस्पेन्डेंड ईवेंट का उपयोग करके और फिर उस श्रेणी के किसी भी बिंदु के लिए डेटाबेस (वेब ​​सेवा के माध्यम से) से पूछताछ करना है।

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

मुझे अपने प्रश्नों के उत्तर नहीं मिल पाए हैं, जिसका आमतौर पर मतलब है कि मैं गलत प्रश्न पूछ रहा हूं। अगर कोई मुझे सही सवाल जानने में मदद कर सकता है तो इसकी सराहना की जाएगी।

Answer 1

ठीक है, मैंने इसके लिए थोड़ा अलग दृष्टिकोण लागू किया है। यह सिर्फ एक मजेदार अभ्यास था, लेकिन मैं HTML5 कैनवास का उपयोग कर बिंग मैप्स में अपना सभी डेटा (लगभग 140,000 अंक) प्रदर्शित कर रहा हूं।

मैंने पहले क्लाइंट को सभी डेटा लोड किया था। फिर, मैंने ड्राइंग प्रक्रिया को इतना अनुकूलित किया है कि मैंने इसे "व्यूचेंज" ईवेंट से जोड़ा है (जो दृश्य परिवर्तन प्रक्रिया के दौरान हर समय आग लगती है)।

मैंने इस बारे में ब्लॉग किया है। आप इसे here देख सकते हैं।

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

---

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

---

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

मेरे पास blogged भी है।

Answer 2

मुझे लगता है कि यदि आप इसका उपयोग करने से दूर हो सकते हैं तो क्लस्टरिंग आपकी सबसे अच्छी शर्त होगी। आप कहते हैं कि आपने क्लस्टरिंग का उपयोग करने की कोशिश की लेकिन यह अभी भी प्रदर्शन समस्याओं का कारण बन गया? मैं V7 Interactive SDK पर 80000 डेटा पॉइंट्स के साथ इसका परीक्षण करने गया और ऐसा लगता है कि यह ठीक प्रदर्शन करता है। यह अपने आप को बाहर का परीक्षण करें लिंक पर जाकर और Load module - clustering टैब में लाइन बदलने के लिए:

TestDataGenerator.GenerateData(100,dataCallback); 

को

TestDataGenerator.GenerateData(80000,dataCallback); 

तो Run बटन हिट। प्रदर्शन मुझे कई डेटा बिंदुओं के साथ स्वीकार्य लगता है।