MapBox में एक देश के लिए खोज

वोट
1

मैं देशों की एक सूची है, और मैं नक्शे को केंद्र और नक्शे में पूरे देश को दिखाने के लिए ज़ूम स्तर को एडजस्ट करने के लिए कोशिश कर रहा हूँ।

जियोकोडिंग API का उपयोग करके https://api.mapbox.com/geocoding/v5/{dataset}/{query}.json?country={cc}&access_token=<your access token>, मैं कुछ निर्देशांक कि काफी देश के केंद्र में नहीं हैं प्राप्त करने में सक्षम हूँ, लेकिन कम से कम मैं प्रासंगिक निर्देशांक प्राप्त है, तथापि, लौटे वस्तु ज़ूम स्तर पर कोई जानकारी नहीं है।

<select id=country name=country>
    <option value=at>Austria</option>
    <option value=cy>Cyprus</option>
    <option value=de>Germany</option>
    <option value=pt>Portugal</option>
    <option value=es>Spain</option>
</select>

<div class=map id=map></div>

<script>

mapboxgl.accessToken = 'the_access_token';
var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/mapbox/streets-v8', //stylesheet location
    center: [-74.50, 40], // random starting position
    zoom: 9 // starting zoom level
});

// Find country
$('#country').on('change', function (e) {
    countrycode = $(this).val();
    country = $(this).find('option:selected').text();
    console.log(countrycode, country);
    $.ajax({
        url: https://api.mapbox.com/geocoding/v5/mapbox.places/+country+.json?country=+countrycode+&access_token=+mapboxgl.accessToken,
        success: function(res) {
            console.log(res);
            map.easeTo({
                center: res.features[0].center,
                // zoom:
            });
        }
    });
});

</script>

मैं क्या खो रहा हूँ? मैं अलग APIs का उपयोग किया जाना चाहिए? या मैं समर्थित नहीं के लिए क्या देख रहा हूँ है?

30/01/2016 को 15:55
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
4

क्या भी जवाब में लौटाया है बाउंडिंग बॉक्स जो आप के लिए पारित कर सकते हैं है map.fitBoundsसटीक निर्देशांक के लिए + ज़ूम:

var bbox = res.features[0].bbox;
map.fitBounds([
  [bbox[0], bbox[1]],
  [bbox[2], bbox[3]]
]);
30/01/2016 को 18:48
का स्रोत उपयोगकर्ता

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