नियंत्रण पैन और mapbox.js में ज़ूम एनीमेशन अवधि

वोट
1

मैं Mapbox.js का उपयोग कर बिंदुओं की श्रृंखला दिखा एक एनिमेटेड नक्शा बना रहा हूं। आदर्श रूप में, मैं आसानी से इस तरह ज़ूम और पैन के संयोजन के द्वारा अंक के बीच फोकस स्विच करना चाहते हैं उदाहरण d3.js. में बनाया मुझे आश्चर्य है कि अगर वहाँ वैसे भी है पैन और ज़ूम एनीमेशन की गति को नियंत्रित करने के लिए (मुख्य रूप से यह धीमा करने के लिए नीचे)। नीचे दिए गए कोड में, मैं दोनों setview () और Panto () फ़ंक्शन की कोशिश की है और संक्रमण बहुत तेजी से है। कोई भी सुझाव अत्यधिक सराहना की जाएगी, धन्यवाद!

L.mapbox.accessToken = #Token Here;
var map = L.mapbox.map('map', 'mapbox.streets')
        .setView([34.01, -118.48], 5, { 
            pan: { animate: true }, 
            zoom: { animate: true } 
        });

map.setView([33.98, -118.42], 5);
08/06/2015 को 02:52
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
1

पर एक नजर डालें इस बेला

आप की तरह एक समारोह का उपयोग कर सकते हैं:

function jumpTo(index){
    map.setView(positions[index], 4, {
        pan: {
            animate: true,
            duration: 2
        },
        zoom: {
            animate: true
        }
    });
}

और उस पर नियंत्रित कर moveendघटना।

08/06/2015 को 10:07
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more