मैपबॉक्स GL JS FlyTo के आने पर यह निर्धारित कैसे करें


12

मैं एक ओवरले दिखाना चाहता हूं जब मैपबॉक्स फ्लाईटो कैमरा आंदोलन ने अपनी कार्रवाई पूरी कर ली है, और सही स्थिति और ज़ूम स्तर पर जगह में है। क्या यह जानने का कोई तरीका है कि कार्रवाई कब पूरी होगी?

तो, एक स्थिति पर उड़ान भरें और फिर मूल रूप से ओवरले दिखाएं।

जवाबों:


17

आप इसे कुछ मैप ईवेंट श्रोताओं और एक चर के संयोजन के रूप में प्राप्त कर सकते हैं।

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

map.on('flystart', function(){
    flying = true;
});
map.on('flyend', function(){
    flying = false;
});

एक बार जब आपका नक्शा चलना और ज़ूम करना बंद हो जाएगा तो यह कोड निष्पादित हो जाएगा:

map.on('moveend', function(e){
   if(flying){
      // tooltip or overlay here
      map.fire(flyend); 
   }
});

देखें डेमो: http://jsfiddle.net/ft7s8son/


रवींद्र। मैंने घटनाओं की उस सूची को देखा और कभी भी मूवमेंट नहीं देखा। धन्यवाद!
बिल थॉर्नटन

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