Openlayers एनीमेशन उदाहरण और एल्गोरिदम


57

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

क्या आप जानते हैं कि ओपनर के साथ संगत एनीमेशन के लिए कुछ अच्छी वेबसाइट या एल्गोरिदम हैं?

ये वे हैं जो मुझे एनीमेशन, कुछ कोड और उदाहरणों के बारे में पता हैं। pls ओपनर के साथ एनीमेशन के बारे में अपने ज्ञान को उन लोगों के लिए साझा करें जिन्हें इसकी आवश्यकता है ...

समय की देरी के साथ मानचित्र पर सुविधाओं को जोड़ने के लिए मूल जावास्क्रिप्ट कोड ।।

 time = 0;
    for (var i = 0; i < 5; i++) {
        time += 1000;
        setTimeout(function(j) {
            return function() {
                console.log("var is now", j);
            }
        }(i), time);
    }

i2maps

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

i2map

ओपनलाइयर टाइमलाइन

OpenLayers के साथ समय से संबंधित नक्शा बनाने के लिए एक सरल पुस्तकालय है। यह क्लस्टर रणनीति (OpenLayers.Strategy.Cluster) और समय फ़िल्टरिंग का समर्थन करता है। वर्तमान में यह GeoJSON या GeoRSS प्रारूप में स्रोत डेटा का समर्थन करता है।

timelien

Timemap.js

Google, OpenLayers, और Bing सहित ऑनलाइन मानचित्रों का उपयोग करने के लिए एक SIMIM समयरेखा के साथ एक जावास्क्रिप्ट लाइब्रेरी है। पुस्तकालय आपको JSON, KML या GeoRSS में एक या एक से अधिक डेटासेट को एक साथ मैप और टाइमलाइन दोनों पर लोड करने की अनुमति देता है। डिफ़ॉल्ट रूप से, टाइमलाइन की दृश्यमान श्रेणी में केवल आइटम ही नक्शे पर प्रदर्शित होते हैं।

timemap

बाइक शेयर का नक्शा

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

डेटा: प्रदाता की वेबसाइट। नक्शा डेटा: ओएस ओपन डेटा सहित OpenStreetMap योगदानकर्ताओं। होस्टिंग: यूसीएल। Mapnik और OpenLayers द्वारा संचालित।

bikeshare

रापाएलजेएस और ओपन लॉयर्स इंटीग्रेशन।

RaphaëlJS एक छोटी सी जावास्क्रिप्ट लाइब्रेरी है, जिसे वेब पर वेक्टर ग्राफिक्स के साथ आपके काम को सरल बनाना चाहिए। यदि आप अपना स्वयं का विशिष्ट चार्ट या इमेज क्रॉप बनाना चाहते हैं और विजेट को रोटेट करना चाहते हैं, उदाहरण के लिए, आप इस लाइब्रेरी से इसे आसानी से और आसानी से प्राप्त कर सकते हैं।

राफेल

OpenLayers फ़िल्टर रणनीति

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

फिल्टर


1
RaphaëlJS और OpenLayers @Aragon लिंक टूट गया
किंकाजू

जवाबों:


6

जियोएनोड , भू-स्थानिक डेटा के प्रबंधन और प्रकाशन के लिए विभिन्न ओपन सोर्स प्रोजेक्ट्स (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) के संयोजन वाला एक मंच है।

उदाहरण के लिए Mapstory द्वारा उपयोग किया जाता है जो ऐतिहासिक परिप्रेक्ष्य के साथ एनिमेटेड मानचित्रों के लिए बुनियादी ढांचा प्रदान करता है:

यहाँ छवि विवरण दर्ज करें



0

आरागॉन आपके द्वारा इंगित उदाहरण वास्तव में बहुत अच्छे हैं।

मैंने कुछ एनिमेशन के लिए OpenLayers का उपयोग किया है, लेकिन मुख्य समस्या यह है कि ऐसा करने के लिए कोई "मानक तरीका" नहीं है क्योंकि सुविधाओं के साथ समय को मॉडल करने का कोई मानक तरीका नहीं है।

रेखापुंज डेटा के लिए प्रत्येक ठोस समय के लिए एक परत बनाना आसान है और प्रत्येक एनीमेशन कदम पर कौन सी परत दिखाई देनी चाहिए, इसका प्रबंधन करना चाहिए।

वेक्टर डेटा के लिए, चीजें अधिक जटिल हैं, न केवल मॉडल सुविधा, डेटा और समय के लिए, बल्कि यह भी कल्पना कैसे करें। डेटा के प्रकार के आधार पर बहुत सारे प्रभाव और एनिमेशन चीजें हो सकती हैं।

चीयर्स।


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