Estoy tratando de mostrar un mapa y un campo de entrada de geobúsqueda en una aplicación Laravel 8.0, usando Leaflet y un complemento llamado Leaflet-Geosearch. El mapa se muestra bien, pero tengo problemas con el complemento de geobúsqueda. Los documentos dicen que "algo como esto debería estar vinculado a algo como un formulario o entrada":

 import { OpenStreetMapProvider } from 'leaflet-geosearch'; const form = document.querySelector('form'); const input = form.querySelector('input[type="text"]'); form.addEventListener('submit', async (event) => { event.preventDefault(); const results = await provider.search({ query: input.value }); console.log(results); // » [{}, {}, {}, ...] });

No puedo entender cómo adaptar esto para una aplicación Laravel. Cuando coloco el código anterior en las etiquetas de secuencia de comandos en el formulario con la instrucción "importar" incluida, aparece el error "Error de sintaxis no detectado: las declaraciones de importación solo pueden aparecer en el nivel superior de un módulo". Si coloco esa declaración en cualquier otro lugar, obtengo "Error de referencia no detectado: OpenStreetMapProvider no está definido". ¿Dónde debe ir esa declaración de importación y qué forma debe tomar?

Tengo una experiencia muy limitada con javascript y con la integración de paquetes de javascript en Laravel, ¡así que agradecería mucho un poco de ayuda!