Shiny：如何根据用户输入数据的位置过滤数据

Question

我有一个闪亮的应用程序运行here。它在小册子交互式地图上绘制大约12,000套公寓和房间供出租，并根据用户输入的地址在地图上添加一个标记。这里是code。对不起，如果它没有很好的文件。

有两个不同的数据框对象：一个是公寓（df.apt），另一个是房间（df.quartos）。

但是，由于应用程序加载的数据量很大，所以速度有点慢。我想添加一个资源，只有在用户插入地址并选择一个邻近范围（例如，只显示距离输入地址10公里内的公寓）后，才会绘制数据的资源。我应该怎么做呢？

library(leaflet) 
library(shiny) 
library(ggmap) 


source("post4-prepararshiny.R") #loads data and helper functions 


ui = bootstrapPage(
    div(class = "outer", 
     tags$head(
     # Include our custom CSS 
     includeCSS("styles.css"), 
     includeScript("gomap.js") 
     ), 

    tags$style(type = "text/css", "html, body {width:100%;height:100%}"), 
    leafletOutput("mymap", width = "100%", height = "100%"), 

    absolutePanel(id = "controls",# class = "panel panel-default", 
       fixed = TRUE, 
       draggable = TRUE, 
       top = 60, left = "auto", right = 20, bottom = "auto", 
       width = 330, height = "auto", 

       h2("Buscador OLX"), 
       textInput(inputId = "userlocation", 
          label = "Digite um endereço\n com pelo menos rua, número, bairro e cidade", 
          value = ""), 
       helpText("Exemplo: Rua Dias da Rocha, 85 - Copacabana, Rio de Janeiro - RJ"), 

       sliderInput(inputId = "distancia", label = "Escolha a distância em km:", 
          min = 0, max = 30, value = 15), 

       actionButton("go", "Buscar"), 
       helpText("Encontre imóveis para alugar perto de onde você quiser!"), 

       helpText("Cada ponto no mapa representa um imóvel para alugar.", 
          "A cor de um ponto é determinada pelo valor do aluguel.", 
          "Clique em um ponto para ter mais informações sobre o imóvel."), 

       helpText("Mais informações sobre este app em sillasgonzaga.github.io") 

       ) 

    ), 
    tags$div(id="cite", 
      'Dados extraídos do OLX em 12/11/2016.', ' Contato: sillasgonzaga.github.io' 
    ) 
) 

server.R

server = function(input, output, session){ 

    #browser() 
    output$mymap <- renderLeaflet({ 
    map <- leaflet() %>% 
    addTiles() %>% 
    addProviderTiles("OpenStreetMap.BlackAndWhite") %>% 
    # coordenadas de um ponto em específico 
    addMarkers(lat = -22.911872, lng = -43.230184, 
       popup = "Estádio do Maracanã! <br> Apenas um exemplo!") %>% 


    # plotar apartamentos 
    addCircleMarkers(data = df.apt, 
        lng = ~lon, lat = ~lat, 
        color = ~vetorCoresApt(preco), 
        opacity = 1.5, 
        popup = textoPopup(df.apt, "apartamento"), 
        # Definir nome do grupo para ser usado na camada 
        group = "Apartamentos") %>% 
    # plotar quartos 
    addCircleMarkers(data = df.quartos, 
        lng = ~lon, lat = ~lat, 
        color = ~vetorCoresQuarto(preco), 
        opacity = 1.5, 
        popup = textoPopup(df.quartos, "quarto"), 
        group = "Quartos") %>% 
    addLayersControl(
     overlayGroups = c("Apartamentos", "Quartos"), 
     options = layersControlOptions(collapsed = FALSE), 
     position = "bottomright" 
    ) %>% 
    addLegend(pal = vetorCoresApt, values = df.apt$preco, 
       position = "bottomright") 
    map 
    }) 


    observeEvent(input$go, { 
    v <- geocode(input$userlocation) 
    leafletProxy('mymap', session) %>% addMarkers(lng = v$lon,lat = v$lat) 
    }) 


} 

我知道我可以使用函数geosphere::distm()计算的距离等数据的矩阵和数据点之间：

coord <- matrix(data = c(df.apt$lon, df.apt$lat), ncol = 2) 
distance_vector <- distm(x = coord, y = c(lon = -43.183447, lat = -22.913912), fun = distVincentySphere) 
# insert vector into data frame 
df.apt$distance <- distance_vector 

然而，我如何以一种被动的方式做到这一点，这将允许我每次单击该按钮时更改distance列，并更改将会使用的sliderInput()我用来表示接近的范围？

P.S .:对不起，对葡萄牙语的代码和评论。

编辑：解决

我能拿出@HubertL答复后的解决方案。下面是我所做的server.R：

distance_apt_reactive <- eventReactive(input$go, { 
    address_latlon <- geocode(input$userlocation) 
    dist <- distm(x = matrix(data = c(df.apt$lon, df.apt$lat), ncol = 2), 
        y = c(lon = address_latlon$lon, lat = address_latlon$lat), 
        fun = distVincentySphere) 
    dist <- dist/1000 

    }) 

    apt_reactive <- reactive({df.apt[distance_reactive() < input$distancia,]}) 

    output$mymap <- renderLeaflet({ 
    map <- leaflet() %>% 
     addTiles() %>% 
     addProviderTiles("OpenStreetMap.BlackAndWhite") %>% 
     setView(lng = mean(df.apt$lon), lat = mean(df.apt$lat), zoom = 11) %>% 
     addLegend(pal = vetorCoresApt, values = df.apt$preco, 
       position = "bottomright", 
       layerId = "legend") 

    map 
    }) 

    observe({ 
     leafletProxy("mymap") %>% 
     clearMarkers() %>% 
     #addMarkers(lng = myadress()$lon, lat = myadress()$lat) %>% 
     addCircleMarkers(data = apt_reactive(), 
          lng = ~lon, lat = ~lat, 
          color = ~vetorCoresQuarto(preco), 
          opacity = 1.5, 
          # adicionar popup 
          popup = textoPopup(apt_reactive(), "apartamento"), 
          group = "Apartamentos") 
    }) 

Answer 1

你可以添加一个reactive，将筛选基于该地址的距离您data.frame：

apt_reactive <- reactive({ 
    address_latlon <- geocode(input$userlocation) 
    dist <- distm(x = matrix(data = c(df.apt$lon, df.apt$lat), ncol = 2), 
        y = c(lon = address_latlon$lon, lat = address_latlon$lat), 
        fun = distVincentySphere) 
    apt.df[dist < input$distancia,] 
}) 

通过

然后更换

addCircleMarkers(data = df.apt 

addCircleMarkers(data = apt_reactive() 

（并重复quartos_reactive的df.quartos相同的过程）