Интеграция Mapbox Geocoder с экранной клавиатурой

Question

Я попробовал этот пример геокодирования mapbox: https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder/ в своем приложении.

Теперь я пытаюсь сделать то же самое, но вместо физической клавиатуры я Я пытаюсь использовать экранную клавиатуру, например: https://virtual-keyboard.js.org/

Но в данный момент ввод с виртуальной клавиатуры не запускает геокодер mapbox. Как я могу связать два компонента?

Answer 1

Как указано в реализации функции keyevent здесь в исходном коде mapbox/mapbox-gl-geocoder, геокодер отвечает на keydown события , которые запускаются при нажатии клавиши.

Документация по виртуальной клавиатуре, к которой вы подключены, включает в себя метод onKeyPress , к которому можно передать функцию обратного вызова, которая будет выполняться при нажатии клавиши на виртуальной клавиатуре. Вы можете реализовать функцию для имитации события keydown (как описано в в этом посте переполнения стека ), эквивалентного последнему символу из getInput. Это должно иметь эффект запуска геокодера, как при нажатии реальной кнопки.