जीएल MapBox में कई बिंदु दिशा ड्रा

वोट
0

मैं जीएल MapBox में और अधिक तो 2 पार्क करने के लिए दिशा आकर्षित किया है। मैं इस कोड की कोशिश लेकिन पूरी तरह से काम नहीं किया है।

 mapboxgl.accessToken = 'pk.eyJ1IjoiYWNoYWxwcmFqYXBhdGkiLCJhIjoiY2lyNGkwZGsxMDFpenUybHd5bjRtMjVjeiJ9.2teTa5MmVqOW-MDpryv56w';
            var map = new mapboxgl.Map({
                container: 'map',
                style: 'mapbox://styles/achalprajapati/cis1byfch0008hgnitiwbym9c',
                center: [-122.222461, 37.172263],
                zoom: 8
            });

            var directions = new mapboxgl.Directions({
                unit: 'metric', // Use the metric system to display distances.
                profile: 'walking', // Set the initial profile to walking.
                container: 'directions', // Specify an element thats not the map container.
               // proximity: [-122.222453, 37.172271] // Give search results closer to these coordinates higher priority.
            });
            debugger;
            //map.addControl(new mapboxgl.Directions());
            //map.addControl(directions);



            map.on('load', function () {

                directions.setOrigin([-122.222461, 37.172263]);
                directions.addWaypoint(0, [-122.222461, 37.172263]);
                directions.addWaypoint(1, [-122.483318, 37.724502]);
                directions.setDestination([-122.483318, 37.724502]);

            });

            directions.on('route', function (e) {
                console.log(e.route); // Logs the current route shown in the interface.
            });
23/08/2016 को 09:40
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
0

MapBox-जीएल-js के हाल के एक अद्यतन में एक को तोड़ने परिवर्तन यह है कि वजह से त्रुटि के लिए प्लगइन MapBox-जीएल-निर्देशों का नहीं था।

यहाँ एक है काम कर jsfiddle नए संस्करणों के साथ अपने कोड की ( MapBox-जीएल-निर्देशों के v2.2.0 प्लगइन और MapBox-जीएल-js की v0.22.1 )

mapboxgl.accessToken = 'pk.eyJ1IjoiYWNoYWxwcmFqYXBhdGkiLCJhIjoiY2lyNGkwZGsxMDFpenUybHd5bjRtMjVjeiJ9.2teTa5MmVqOW-MDpryv56w';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/achalprajapati/cis1byfch0008hgnitiwbym9c',
    center: [-122.222461, 37.172263],
    zoom: 8
});

var directions = new mapboxgl.Directions({
    unit: 'metric', // Use the metric system to display distances.
    profile: 'walking', // Set the initial profile to walking.
    container: 'directions', // Specify an element thats not the map container.
});

map.addControl(directions)

map.on('load', function () {
    directions.setOrigin([-122.222461, 37.172263]);
    directions.addWaypoint(0, [-122.222461, 37.172263]);
    directions.addWaypoint(1, [-122.483318, 37.724502]);
    directions.setDestination([-122.483318, 37.724502]);
});

directions.on('route', function (e) {
    console.log(e.route); // Logs the current route shown in the interface.
});
24/08/2016 को 19:04
का स्रोत उपयोगकर्ता

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