闪亮的传单 easyButton 只触发一次

Question

我想要一个 Shiny + Leaflet 应用程序在全球和国家范围之间轻弹。 单击国家符号可按预期深入到该比例。 为了从国家视图返回到全局视图，我添加了一个 easyButton。 它适用于第一次点击，但是当用户再次向下钻取到任何国家并点击再次返回到全局视图时，什么也没有发生。 可重现的脚本：

require(shiny)
require(dplyr)
require(leaflet)

d = tibble(country = c(rep('China', 3), rep('Brazil', 3), rep('Canada', 3)),
           name = paste(country, rep(1:3,3)), count = sample(30:100,9),
           lon = c(105, 112, 110, -52, -54, -51, -95, -100, -93),
           lat = c(35, 33, 25, -10, -11, -12, 60, 63, 61))

dSum = d %>% group_by(country) %>% summarise(lon = mean(lon), lat = mean(lat), count = sum(count)) %>% rename(name = country)

renderMap = function(x){
  renderLeaflet({
    leaflet(x) %>% 
      addCircleMarkers(layerId = ~name, lng = ~lon, lat = ~lat, label = ~ name, radius = ~ pmax(3, 100 * sqrt(count/max(count)))) %>% 
      addProviderTiles(providers$Stamen.TonerLite, options = providerTileOptions(noWrap = TRUE, minZoom=2, maxZoom=18)
      ) %>% 
      addEasyButton(easyButton(
        icon="fa-backward", title="Refresh map", id = "refresh-map", 
        onClick = JS(" function(btn, map) { Shiny.onInputChange('my_easy_button', 'refresh'); }")))
  })
}

server <- function(input, output, session) {

  output$mymap <- renderMap(dSum)

  # click on country
  observeEvent(input$mymap_marker_click, {
    countryname = input$mymap_marker_click$id
    message(countryname)
    output$mymap = renderMap(filter(d, country == countryname))
  })

  # click on refresh button
  observeEvent(input$my_easy_button, { output$mymap = renderMap(dSum) })
}


ui <- fluidPage(
  tags$head( tags$style(HTML("#mymap { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh !important; }
                             .container-fluid { margin:0; padding:0; } ")) ),
  leafletOutput("mymap")
)


shinyApp(ui, server)

使用 jQuery 模拟点击时也可以看到效果 - 例如$('.easy-button-button').click() 。

知道为什么会这样吗？

Answer 1

它比你建议的更容易。 Shiny 仅对更改做出反应，因此您需要在 JS 函数调用中包含更改。 使用Math.random()可以解决问题。

onClick = JS("function(btn, map){Shiny.onInputChange('easyButtonIdentify', Math.random());}")

Answer 2

根据本的评论：

<leaflet_obj>  %>% 
      addEasyButton(easyButton(states = list(
        easyButtonState(stateName = 'onestate', 
                        icon="fa-backward", title="Refresh map", #id = "refresh-map", 
                        onClick = JS(" function(btn, map) { Shiny.onInputChange('my_easy_button', 'refresh'); Shiny.onInputChange('my_easy_button', 'free'); }"))
        )
      ))
  })
}

不知道为什么会这样。