在 R Shiny 的 absolutePanel 中包装下拉按钮

Question

我正在使用 Shiny 构建一个交互式地图，我目前正试图将我的 UI 元素隐藏在 shinyWidgets pkg 的下拉按钮中。

我的问题是，到目前为止，我既可以让 dropdownButton 工作，也可以从我的 leafletOutput

中删除 width = "100%", height = "100%"

或

拥有我想要的地图并且 dropdownButton 不可见。

有没有办法两者兼得？谢谢！

这是一个代表：

library(shiny)
library(leaflet)
library(RColorBrewer)
library(shinyWidgets)

ui <- bootstrapPage(
  tags$style(type = "text/css", "html, body {width:100%;height:100%}"),
  leafletOutput("map", width = "100%", height = "100%"),
  dropdownButton(sliderInput("range", "Magnitudes", min(quakes$mag), max(quakes$mag),
      value = range(quakes$mag), step = 0.1
    ),
    selectInput("colors", "Color Scheme",
      rownames(subset(brewer.pal.info, category %in% c("seq", "div")))
    ),
    checkboxInput("legend", "Show legend", TRUE)
  )
)

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

  # Reactive expression for the data subsetted to what the user selected
  filteredData <- reactive({
    quakes[quakes$mag >= input$range[1] & quakes$mag <= input$range[2],]
  })

  # This reactive expression represents the palette function,
  # which changes as the user makes selections in UI.
  colorpal <- reactive({
    colorNumeric(input$colors, quakes$mag)
  })

  output$map <- renderLeaflet({
    # Use leaflet() here, and only include aspects of the map that
    # won't need to change dynamically (at least, not unless the
    # entire map is being torn down and recreated).
    leaflet(quakes) %>% addTiles() %>%
      fitBounds(~min(long), ~min(lat), ~max(long), ~max(lat))
  })

  # Incremental changes to the map (in this case, replacing the
  # circles when a new color is chosen) should be performed in
  # an observer. Each independent set of things that can change
  # should be managed in its own observer.
  observe({
    pal <- colorpal()

    leafletProxy("map", data = filteredData()) %>%
      clearShapes() %>%
      addCircles(radius = ~10^mag/10, weight = 1, color = "#777777",
        fillColor = ~pal(mag), fillOpacity = 0.7, popup = ~paste(mag)
      )
  })

  # Use a separate observer to recreate the legend as needed.
  observe({
    proxy <- leafletProxy("map", data = quakes)

    # Remove any existing legend, and only if the legend is
    # enabled, create a new one.
    proxy %>% clearControls()
    if (input$legend) {
      pal <- colorpal()
      proxy %>% addLegend(position = "bottomright",
        pal = pal, values = ~mag
      )
    }
  })
}

shinyApp(ui, server)

Answer 1

不用设置 html 宽度和高度，您可以像这样将地图放在整页容器中：

ui <- bootstrapPage(
  tags$style(type = "text/css", ".map-container {position:absolute; top:0; bottom:0; right:0; left:0;}"),
  tags$style(type = "text/css", "#dropdown {margin-top: 80px; margin-left: 10px;}"),
  tags$div(
    class = "map-container",
    leafletOutput("map", width = "100%", height = "100%")
  ),
  dropdownButton(
    inputId = "dropdown",
    icon = icon("gears"),
    circle = FALSE,
    sliderInput("range", "Magnitudes", min(quakes$mag), max(quakes$mag),
                value = range(quakes$mag), step = 0.1
    ),
    selectInput("colors", "Color Scheme",
                rownames(subset(brewer.pal.info, category %in% c("seq", "div")))
    ),
    checkboxInput("legend", "Show legend", TRUE)
  )
)

在 R Shiny 的 absolutePanel 中包装下拉按钮

Wrapping the dropdownButton in an absolutePanel in R Shiny

maps

r

leaflet

shiny

shinywidgets