Как сохранить выбор в поле input?
Как сделать выборку адреса так же как в Google или в Yandex только используя OSM и el-select(наиболее похожий по функционалу)?
Дополнительно:
Простой ответ никак.
В отличие от гуглояндексов, где карты это сервисы, ОСМ - это всего лишь набор геоданных и только он. Все остальные "похожие" инструменты реализуются самостоятельно. Чего-то готового и бесплатного я не встречал. Что-то есть у мапбокса.
Вот есть какая-то нароботка накрутить поверх номинатима, можешь начать свой путь от туда.
П.С. Не надо вестись на бесплатность ОСМ, что им можно заменить гуглояндекс просто заменив библиотеку - это не так. Продайся яндексу, это в разы дешевле собственной разработки.
- Так и сделал - продался dadata
Ответы:
Смотря какие будут количества запросов. Есть же https://overpass-turbo.eu/, который может искать, если составить запрос по шаблону. Можно его в виде WEB API использовать. Результаты, можно получать в GeoJSON и его уже отображать на каком leaflet или аналогах.
Прелесть OSM в том, что его можно выкачать, и если ваш проект достаточно бОрзый по вычислительным ресурсам и стораджу, то можно отображать данные со своих носителей и рендер свой можно настроить и тайловый кэш. Всё это есть с инструкциями в сети. Ну судя по (отсутствующей) детализации вопроса вам может оказаться это всё поднять не под силу. Оно ж гуглится всё легко.
А, стоп, там про адрес же, а я думал по ключевым словам и боунд-боксу. Ну да, нужно поднимать сервис геокодирования. Вот, кстати попалась первой ссылкой достаточно развернутая статья. А ещё вот у ДаДаты есть сервис геокодирования, не знаю какие там лимиты для бесплатного использования.
https://nominatim.org/ уже предложили выше в ответе.
Тоже соглашусь, что соблазн юзать бесплатный ОСМ выльется в ограничения, лимиты, невысокую скорость и, если поднимать локальные опенсорсные сервисы, не мало человекочасов девопса.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для сохранения выбора в поле input можно использовать атрибуты value и checked для полей типа text и checkbox соответственно. Вот примеры использования:
Для поля типа text:
В данном случае значение "значение по умолчанию" будет отображаться в поле input при загрузке страницы. Пользователь сможет изменить это значение, но оно будет сохранено при последующих обновлениях страницы.
Для чекбокса:
В данном случае чекбокс будет отмечен при загрузке страницы, так как атрибут checked указывает на то, что он должен быть выбран по умолчанию. Пользователь сможет изменить состояние чекбокса, но при обновлении страницы выбор будет сохранен.
Также можно использовать JavaScript для сохранения выбора в поле input. Например, можно использовать localStorage для хранения значения поля и восстановления его при загрузке страницы. Вот пример такого подхода:
// Сохранение значения в localStorage document.getElementById("inputField").addEventListener("input", function() { localStorage.setItem("inputValue", this.value); }); // Восстановление значения при загрузке страницы document.getElementById("inputField").value = localStorage.getItem("inputValue");
Этот код сохраняет значение поля input в localStorage при его изменении и восстанавливает его при загрузке страницы. Таким образом, выбор пользователя будет сохранен даже после обновления страницы.