Leaflet R legend＆amp; popup重叠rMarkdown flexdashboard

Question

我正在制作一个rMarkdown flex仪表板交互式html页面，我们将其嵌入另一个页面（iFrame）。并排有两张小地图。为了我们的目的，地图本身，内容，比例，图例弹出窗口已正确格式化。

但是，当在地图左侧（图例所在位置）激活弹出窗口时，它会在图例后面打开。我已经调整了一些传奇的不透明度......但是当碰撞时弹出有用是不够的。降低它将使识别尺度中的颜色变得困难，从而降低了图例的可解释性。地图确实继续向右，这只是没有意义的内容。

{{0}}

我希望通过三种方法之一来解决问题。

1. direct the popup to open in front of the legend
2. set the legend background to complete transparency, while leaving the legends values and bin colors at opacity of 1
3. creating a fixed location in the upper right corner where the popup opens when activated so that they never conflict.  

但是我完全接受任何其他可能有用的建议。我不能做的一件事就是改变他们所处的数字的整体宽度，因为他们需要适合预先设定的盒子＆＃34;一套大小。他们需要并肩而立。

map<-leaflet(width ="100%")%>%
  setView(lat=43.9625, lng = -72.5506, zoom = 7)%>%
  addProviderTiles("CartoDB.Positron")%>%
  addPolygons(data = plot2010,
              fillColor = ~pal(plot2010@data$per100K),
              smoothFactor = 0.2,
              fillOpacity = 0.8,
              weight = 0.2,
              popup=popContent,
              popupOptions= popupOptions(maxWidth ="100%", closeOnClick = TRUE))%>%

  addLegend(position="topleft",
            pal=pal,
            values= plot2010@data$per100K,
            title ='Age Adjusted Rates </br> per 100,000',
            na.label = "Not Available",
            opacity=.5,
            labFormat = labelFormat(digits=1))
map 

Answer 1

据我所知，这与Leaflet的工作原理有关。这是DOM结构的样子：

不同的图层类型被隔离到他们自己的具有预设排序的容器div中，然后控件（这是图例所示）被放置在与图层完全分开的div中。我不认为z-index可以跨越这些边界（虽然我不得不承认z-index行为让我感到惊讶）。