Mapbox GL направления плагин скрытие поиск исходный поле назначения

Question

Я использую плагин Mapbox GL в моем приложении, где я устанавливаю источник на карте и устанавливаю место для движения при нажатии пользователем в любом месте на карте. Теперь я пытаюсь удалить поле поиска в начале верхнего левого окна/место назначения после того, как обширные исследования не могут понять, как это сделать, может кто-то помочь, сообщив мне, как это сделать? Благодарю.

код, я использую в моем приложении ниже:

var map = new mapboxgl.Map({ 
    container: 'map', 
    style: 'mapbox://styles/mapbox/streets-v8', 
    center: [userCoordinates.coords.longitude, userCoordinates.coords.latitude], 
    zoom: 15 
}); 


var directions = new mapboxgl.Directions({ 
    unit: 'metric', 
    profile: 'driving'   
}); 

map.addControl(directions); 



directions.setOrigin([userCoordinates.coords.longitude, userCoordinates.coords.latitude]); 


map.on('click', function(e) { 

    var features = map.queryRenderedFeatures(e.point, { layers: ['gsLayer'] }); 
    if (!features.length) { 
    return; 
    } 
    var feature = features[0]; 

    directions.setDestination([feature.geometry.coordinates[0], feature.geometry.coordinates[1]]); 

}); 

Answer 1

Я предполагаю, что вы используете MapBox GL Javascript, и, глядя на this example оказывается map.addControl(new mapboxgl.Directions()); является то, что при добавлении контроллера. В вашем коде вы дали вам также этот map.addControl(directions);. Попробуйте удалить его и посмотреть, что произойдет.

Надеюсь, это поможет!

Answer 2

Я не мог понять это, так как документации нет, но, наконец, я прочитал файл mapbox-gl-direction.js, и я думаю, что узнал, как это сделать.

В вашем примере, вы должны вставлять элементы управления, как это для того, чтобы удалить поле отправления/назначения:

var directions = new mapboxgl.Directions({ 
    unit: 'metric', 
    profile:'driving', 
    container:'directions', // Specify an element thats not the map container. 
    // UI controls 
    controls: { 
    inputs: false, 
    instructions: true 
    } 
}); 

map.addControl(directions);