ODES-Chile / odes-unidades-shiny-app

Visualizar datos climáticos y de sequía para Chile continental
https://odes-chile.org/app/unidades
GNU General Public License v3.0
3 stars 0 forks source link

Localizador de posición y buscador de ubicación #25

Closed fabian199827 closed 1 year ago

fabian199827 commented 1 year ago

Agregar un localizador de posición y una opción para buscar ubicaciones como en este ejemplo de google maps. Este ícono debe permitir encontrar la ubicación de donde se abrió la pagina web: imagen

Por otro lado el buscador de ubicación es para identificar en el mapa udidades administrativas en particular, quizas alguna comuna, región, distrito, etc. Asi como en el ejemplo de google maps, pero en vez de buscar direcciones específicas, buscar las unidades administrativas que comprenden al mapa de ODES: imagen

Esta es mi idea de como podría quedar en odes: imagen

jbkunst commented 1 year ago

don @fabian199827 puede detallar un poco más el funcionamiento? que son las opciones? que sucede cuando hago click en alguna opción?

don @frzambra , tiene algún ejemplo de la implementación de esta feature? Las opciones todas las unidades de la unidad administrativa seleccionada me imagino.

fabian199827 commented 1 year ago

Disculpa @jbkunst aquí di mas detalle en el issue, lo actualicé con mayor detalle. Saludos, nos vemos!

jbkunst commented 1 year ago

don @frzambra comparte código/función de leaflet.extras

frzambra commented 1 year ago
leaflet('map') %>%
    #mapview()@map %>% 
      addSearchOSM(options = searchOSMOptions(
        textErr = "Ubicación no encontrada", textCancel = "Cancelar",
        textPlaceholder = "Buscar...",
        position = 'topleft')) |>
       addEasyButton(easyButton(
           icon="fa-crosshairs", title="Mi ubicación",
           onClick=JS("function(btn, map){ map.locate({setView: true}); }"))