单张及;闪亮:我只能在div内渲染传单(class=";outer";)

单张及;闪亮:我只能在div内渲染传单(class=";outer";),r,shiny,leaflet,R,Shiny,Leaflet,我有两个选项卡面板选项卡,每个选项卡输出一张传单地图。第一个显示完美。它以全屏传单地图为特色 tabPanel("Interactive map", div(class="outer", tags$head( # Include our custom CSS includeCSS("styles.css"), includeScript("gomap.js") ), leaf

我有两个选项卡面板选项卡,每个选项卡输出一张传单地图。第一个显示完美。它以全屏传单地图为特色

 tabPanel("Interactive map",
    div(class="outer",    
      tags$head(
        # Include our custom CSS
        includeCSS("styles.css"),
        includeScript("gomap.js")
      ),          
      leafletOutput("map", width="100%", height="100%")  
但是,第二个选项卡无法渲染传单贴图。地图区域是完全空白的。与第一个选项卡不同,它不是全屏地图。它的目的是靠近一组输入控件:

tabPanel("Scores",
           tags$head(
             # Include our custom CSS
             includeCSS("styles.css"),
             includeScript("gomap.js")
           ),           
      leafletOutput("map2"),
第二个选项卡充满了生成地图内容所需的控件。这个很好用。如果在第三个选项卡全屏(与第一个选项卡完全相同)中渲染此贴图,则贴图渲染为ok。但我需要在第二个选项卡中,输入控件旁边的这个映射

我尝试在所有类型的组合中设置宽度和高度、%、像素、绝对数、vh等。没有任何效果。我试着把传单地图放在一个流动的井面板里。也不管用

我提到的所有输入控件都在fluidRows、columns之类的东西中。它们工作正常,只是地图区域,无论我如何设置,都是完全空白的


非常感谢您的帮助

欢迎来到stackoverflow。要帮助回答您的问题,请创建一个可复制的示例:欢迎使用stackoverflow。要帮助回答您的问题,请创建一个可复制的示例: