使用Shiny,Leaflet和rCharts在R中创建带有标记的交互式webmap

时间:2015-05-10 12:33:35

标签: r maps leaflet shiny rcharts

我正在尝试在R中创建一个交互式webmap,以使用Shiny,Leaflet和rCharts显示风暴(该结构基于http://ramnathv.github.io/bikeshare app)。

这个想法是用户一次选择一个风暴名称(df $ Name),并且该风暴的标记(纬度/经度)显示在传单地图中(具有放大/缩小功能)。

我无法让Leaflet为每个单独的风暴名称加载新地图和标记。任何帮助/建议将不胜感激!

这就是数据(TCs.Rda)的样子(上传的样本数据文件here):

 Year   Name   Wind   lat    long
 2010   BONNIE 15     30.100 -91.000
 2010   FIVE   25     30.000 -88.900
 2010   FIVE   25     30.400 -88.800
 2010   FIVE   25     30.800 -88.600

server.R

library(shiny); library(rCharts); library(leaflet)    
load("TCs.Rda") 
name <- sort(unique(data$Name)) 
shinyServer(function(input, output){      
     dataset <- reactive({  df <- data[data$Name == input$name, ]  })    
     output$add <- renderText({paste("Storm name:", input$name)})  
     output$Controls <- renderUI({  
         list(selectInput("name", "Select storm", name, selected=name[1])) })  
     output$myChart <- renderMap({
         df <- dataset()
         map <- Leaflet$new()
         map$setView(c(35, -80),zoom=5) 
         map$tileLayer(provider='Stamen.TonerLite')          
         for (i in 1:nrow(df)) {
         map$marker(c(df[i, "lat"], df[i, "long"]), bindPopup=df[i, "Wind"])}  
         map$set(dom='myChart')
         map$enablePopover(TRUE)
         map$fullScreen(TRUE)
         map      
       })  
    })

ui.R

library(shiny); library(rCharts); library(leaflet)
shinyUI(pageWithSidebar( 
  headerPanel("Storm tracks"),  
  sidebarPanel(h3("My subtitle"), uiOutput("Controls")),  
  mainPanel(                     
     tabsetPanel(        
        h3(textOutput("add")),             
        tabPanel("map", tags$style(".leaflet {height: 400px;}"),  # I can only get this to work with a tabset panel, but ideally both the textOutput and map would go directly in the mainPanel 
        showOutput("myChart", "leaflet")))
      )
  ))

2 个答案:

答案 0 :(得分:6)

我最终弄明白了!另一篇文章(Shiny renders a responsive rCharts leaflet map once, but is blank if you change the input variable)表示代码行&#34;映射$ set(dom =&#39; myChart&#39;)&#34;可能会阻止Leaflet在每个选择上重新加载新地图。

我不认为这可能是问题(我的例子有点不同,并没有使用geojson),但显然它是。

这是我的工作代码,万一它可以帮助其他人 -

server.R

library(shiny);library(rCharts);library(leaflet)
load("TCs.Rda")
name <- sort(unique(data$Name)) 
shinyServer(function(input, output){
   dataset <- reactive({df<- data[data$Name == input$name, ]})    
   output$add <- renderText({paste("Storm name:", input$name)})   
   output$Controls <- renderUI({list(selectInput("name", "Select storm", name, selected=name[1]) ) })   
output$myChart <- renderMap({
   df <- dataset()
   map <- Leaflet$new()
   map$setView(c(35, -80),zoom=3)
   map$tileLayer(provider='Stamen.TonerLite')       
   for (i in 1:nrow(df)) {map$marker(c(df[i, "lat"], df[i, "long"]))}        
   map$fullScreen(TRUE)
   map      
  })  
})

ui.R

library(shiny); library(rCharts); library(leaflet)
shinyUI(pageWithSidebar( 
   headerPanel("Storm tracks"),  
   sidebarPanel(h3("My subtitle"), uiOutput("Controls")),  
   mainPanel(      
      tabsetPanel(        
        tabPanel("map", h3(textOutput("add")),
             tags$style(".leaflet {height: 400px;}"), 
             showOutput("myChart", "leaflet")))
  )
  ))

结果如下:

enter image description here

答案 1 :(得分:2)

我强烈推荐rstudio's leaflet

我有一个关于它的介绍性教程以及为什么它在这里非常棒:http://www.r-bloggers.com/the-leaflet-package-for-online-mapping-in-r/

此外,我正在使用它为DfT构建交互式规划工具:https://github.com/npct/pct

祝你好运!