使用highcharter从各州向下搜索美国城市/县地图

我有两个数据集df_state和df_city

df_状态有一个数值的总和（净值x）

df_city在城市级别上对数值（值_x）进行了细分

这只是德克萨斯州的一个样本：

df_州：

state_abb, net_value_x
.
.
TX        18.94
.
.

德福市：

state_abb, city, value_x
.
.
TX        Dallas   14
TX        Houston  2
TX        Austin   2.94
.
.

这是我使用

highcharter

中的

hcmap

函数在州一级绘制的代码

hcmap("countries/us/us-all", data = df_state, value = "net_value_x",
  joinBy = c("hc-a2", "code"), name = "net_value_x",
  dataLabels = list(enabled = TRUE, format = "{point.name}"),
  borderColor = "#FAFAFA", borderWidth = 0.1,
  tooltip = list(valueDecimals = 2)) 

这是我得到的地图。悬停德克萨斯州的样本数据

我需要的是深入到城市层面。而且我将来可能会得到县级数据

我在链接中看到了如下内容：

---

虽然highcharter的向下展开功能很有用，但当您在每个状态中都有数据时，需要在渲染时加载每个基础状态的贴图。我采取的一种方法是在绘制州地图和县地图之间切换，如下所示

## Library
library(shiny)
library(shinyjs)
library(dplyr)
library(highcharter)
library(stringr)

## Load maps at start for speed
maps <- sapply(
  X = c("us-all", "us-tx-all"),
  simplify = FALSE,
  FUN = function(x) { highcharter::download_map_data(paste0("countries/us/", x)) }
)

ui <- shiny::fluidPage(
  shinyjs::useShinyjs(),
  highcharter::highchartOutput(outputId = "map"),
  shiny::uiOutput(outputId = "ui")
)

server <- function(input, output, session) {
  ## USA map with just TX as example
  state_map <- shiny::reactive({
    highcharter::highchart() %>%
      highcharter::hc_add_series_map(
        map = maps[["us-all"]],
        df = data.frame(state_abbr = c("TX"), y = c(10)),
        joinBy = c("postal-code", "state_abbr"),
        value = "y"
      ) %>%
      highcharter::hc_plotOptions(
        series = list(
          allowPointSelect = TRUE,
          events = list(
            click = htmlwidgets::JS(
              "function(event) {
                 Shiny.setInputValue(
                   'geo_click', 
                   event.point.state_abbr, 
                   {priority: 'event'}
                 );
              }"
            )
          )
        )
      )
  })

  ## County map
  county_map <- shiny::reactive({
    highcharter::highchart() %>%
      highcharter::hc_add_series_map(
        map = maps[[paste0("us-", stringr::str_to_lower(input$geo_click), "-all")]],
        df = data.frame(city = c("Gray", "Leon", "Lamb", "Duval"), y = c(1, 4, 2, 3)),
        joinBy = c("name", "city"),
        value = "y"
      )
  })

  ## Set to state map at outset
  output$map <- highcharter::renderHighchart({ state_map() })

  ## If state clicked, add button to go back to state map
  output$ui <- shiny::renderUI({
    if (!is.null(input$geo_click)) {
      shiny::actionButton(
        inputId = "geo_button",
        label = "Return to USA Map"
      )
    }
  })

  ## If button clicked, reset input, hide button, and go back to state map
  shiny::observeEvent(
    eventExpr = input$geo_button,
    handlerExpr = {
      output$map <- highcharter::renderHighchart({ state_map() })
      shinyjs::hide(id = "geo_button")
    }
  )

  ## If state clicked, go to county map and show button
  shiny::observeEvent(
    eventExpr = input$geo_click,
    handlerExpr = {
      output$map <- highcharter::renderHighchart({ county_map() })
      shinyjs::show(id = "geo_button")
    }
  )
}

shiny::shinyApp(ui = ui, server = server)

##库
图书馆（闪亮）
图书馆（shinyjs）
图书馆（dplyr）
图书馆（高级特许）
图书馆（stringr）
##在启动时加载地图以提高速度
地图我对R不太了解，但我准备了一个用纯JS实现的例子：也许会有帮助。你找到答案了吗？？