Tiro monedas al aire, pero hasta ahora nunca las pude agarrar.

Ejemplo de buscador de direcciones con Leaflet y Nominatim
Ejemplo de buscador de direcciones con Leaflet y Nominatim

Les quería mostrar un ejemplo de un mapa con un buscador de direcciones.

Se usa lo siguiente:

Código fuente: Descargar buscador de direcciones con Leaflet y Nominatim
Demo online: Probar buscador de direcciones con Leaflet y Nominatim
Fuente: Derick Rethans

Comments

comments


Comments

    1. El conjunto de leaflet con OSM es mucho más personalizable que google maps. LeafLet es una librería que maneja los mapas de OSM.
      Digamos que se crean nuevos centros comerciales o encontrás calles que tienen nombre incorrecto, entonces corregís y subis a OSM. Mientras que con google maps va a ser más difícil porque tendrás que reportar a ellos. Otra cosa importante es la licencia. Si usas google maps y va a ser comercial, tenes que pagar una licencia (mínimo 10.000$). Si tu aplicación tiene acceso a todos, podes usar sin pagar y tiene un limite de peticiones diarias (23.000). Mientras que con leaflet y OSM no tenes que pagar nada , sea comercial o libre; además podes tener tu porpio servidor sin depender del servidor OSM, mientars que con google mpas siempre tendrás que usar de ellos, y no podrás tener sus datos en tu server.
      Con la experiencia que tengo, es más sencillo hacer una aplicación con google mpas que con leaft y OSM. Su api es mucho mejor trabajada. Pero la licencia y la personlizacion le juegan en contra. Con Leaflet y OSM podes hacer de todo, cambiar los estilos, agregar cualquier icono al mapa, tener tu propio servidor, hacer maravillas y efectos con los marcadores, etc.

      1. que interesante, pero creo que sería bueno que tuviera graficos tipo google maps porque solo son mapas planos, lo ire probando entonces, gracias.

          1. si, y tambien a que los mapas de open street maps pues no tienen vistas reales (se ven como dibujos). Por cierto se pueden crear puntos de digamos ubicaciones de empresas como google maps?, saludos.

  1. Hola! Primero que todo muchas gracias, llegue a algo y estaba muy trabada..
    En segudno lugar, me dice «direccion_buscador is not defined»
    Sabes por que podra ser???
    Excelente para los que necesitamos si o si usar Open Source!

    1. Hola Sabrina.
      Muchas gracias.
      Y te sale eso porque no esta encontrando la función dirección_buscador que se encuentra en el archivo Mapa.js. Tenes que agregar a tu html ese archivo para que funcione.

      Espero leerte mas en los comentarios.
      Cualquier cosa, estoy a las ordenes.
      Saludos, jose

  2. Hola José! Primero lo primero! Excelente tu aporte!
    Y lo segundo, como hacer cuando realizo una búsqueda de una dirección esta me devuelva la longitud y latitud de ese punto con un marcador! Tendrías un ejemplo!?

    1. Hola José, disculpa yo tambien quisiera que me devuelva la longitud y la latitud como le puedo hacer?

  3. Hola José, espero estés muy bien y que aun puedas responder a los comentarios 🙂
    Vengo trabajando ya desde hace unos meses con Leaflet usando las latitudes y longitudes directamente. Quiero saber si es posible que al ingresar una dirección me devuelva la latitud y longitud.
    ¿Es esto posible?

    Muchas gracias de antemano por tu amable respuesta y aportes.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *