Question

我有两个tabPanel选项卡，每个都有一个Leaflet贴图输出。第一个完美显示。它具有全屏传单地图。

 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"),

第二个选项卡充满了我生成地图内容所需的控件。这很好。如果我在全屏的第三个选项卡中渲染此地图（与第一个选项卡中的完全一样），则该地图将显示正常。但是我需要在第二个选项卡中输入控件旁边的地图。

我尝试以各种组合，％，像素，绝对数字，vh等设置宽度和高度。没有任何效果。我尝试将传单地图放入fluidRow，wellPanel中。也没用。

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

非常感谢您的帮助！

Leaflet＆Shiny：我只能在div（class =“ outer”）内渲染Leaflet

0 个答案: