वेब पेज पर कई छोटे नक्शे प्रदर्शित करने के लिए एक अच्छी लाइब्रेरी क्या है


10

मैं निम्नलिखित के समान वेब पर एक विज़ुअलाइज़ेशन बनाना चाहता हूँ: http://namemapper.babynamewizard.com/namemapper/

क्या ऐसा करने के लिए कोई अच्छी लाइब्रेरी है? क्या OpenLayers एक बार में कई मानचित्रों को संभालने के लिए हल्का-हल्का होता है?

जवाबों:


8

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


7

OpenLayers का उपयोग कई स्थिर मानचित्रों के लिए किया जा सकता है; मेरे पास अतीत में एक बड़े प्रदर्शन के दंड के बिना एक ही पृष्ठ पर 200 नक्शे तक बनाए गए हैं, इसलिए जब तक वे सरल नक्शे हैं। कई साइटों ने सरल नक्शे बनाने के लिए छोटे, स्थैतिक ओपनलाइयर्स मानचित्रों का उपयोग किया है, क्योंकि तब वे छवि टाइलों के उसी सेट का उपयोग कर सकते हैं जो वे अपनी साइटों पर कई अन्य मानचित्रों के लिए उपयोग करते हैं।

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

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


4

HTML का उपयोग किसी भी सर्वर साइड सामान जैसे WMS या क्लाइंट-साइड लाइब्रेरी जैसे OpenLayers के बिना साधारण स्थैतिक मानचित्र बनाने के लिए किया जा सकता है। HMTL के टैग मानचित्र और क्षेत्र के साथ संयोजन में मानचित्र क्षेत्र की एक रेखापुंज छवि का उपयोग करें , जो कि 'पॉली' पर सेट विशेषता आकृति के साथ अंतिम है । आपको बॉर्डर के मैप कोर्डर्स को मैप ऑब्जेक्ट के ऊपरी, बाएं कोने के सापेक्ष देना होगा। इसके अलावा, ऑनमूवर या ऑनक्लिक जैसी घटनाओं का समर्थन किया जाता है।

2010-09-26 01:25 सीईटी पर पूरा: HTML छवि मानचित्र का एक उदाहरण ' iCITA: छवि मानचित्र उदाहरण ' में पाया जा सकता है

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.