जावास्क्रिप्ट - Google मानचित्र जैसे छवि स्क्रॉलिंग

Question

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

क्या कोई पुस्तकालय है जो मैं पहले से ही चाहता हूं? या जो कुछ मैं चाहता हूं उसके करीब कुछ ताकि मैं इसे अनुकूलित करना शुरू कर सकूं? या अगर मुझे खरोंच से निर्माण करना है, तो सामान्य दृष्टिकोण पर कोई सुझाव लेने के लिए?

मुझे jquery लाइब्रेरी का उपयोग करना पसंद है, इसलिए jquery के साथ बनाया गया कुछ भी अद्भुत होगा।

Answer 1

Overscroll jQuery प्लगइन पर एक नज़र डालें।

Answer 2

मैंने इस तरह की परियोजनाओं के लिए OpenLayers का उपयोग किया है और यह बहुत अच्छा काम करता है! हालांकि jQuery पर आधारित नहीं है।

यह मुफ्त मानचित्र प्रदान करता है लेकिन आप अपनी खुद की छवियां भी प्राप्त कर सकते हैं।

Answer 3

मैं इस सब कुछ आप देख रहे हैं नहीं लगता है, लेकिन शुरू करने के लिए एक अच्छी जगह हो सकती है: SpryMap

Answer 4

बस कुछ डिजाइन विचारों के लिए

जब लेखन/अपने समाधान ढूँढने को ध्यान में रखना:

ऐसा करने के दो तरीके हैं, एक को कई कटा हुआ छवियों के साथ जो उपयोगकर्ता को उनके पास स्क्रॉल करते समय प्रीलोड करते हैं, और दूसरा जो सरल है और एक बड़ी छवि लोड करता है।

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

बड़ी छवि कुछ कंप्यूटर/मोबाइल उपकरणों को काफी धीमा कर देगी!

Answer 5

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

Answer 6

मुझे लगता है कि CraftMap जो आप पूछ रहे हैं उसे प्रदान करना प्रतीत होता है। लेकिन अगर मैं ज़ूमिंग का समर्थन करता हूं तो मुझे यकीन नहीं है।