如何将弹出窗口添加到折线中,当鼠标悬停在地图上的折线上时显示传单

Posted

技术标签:

【中文标题】如何将弹出窗口添加到折线中,当鼠标悬停在地图上的折线上时显示传单【英文标题】:How to add a popup to a polyline that will display whe hovering over a polyline on map for leaflet 【发布时间】:2021-12-11 07:28:00 【问题描述】:

我在地图上画了一些折线,我想知道是否有办法显示折线的弹出标记。有没有一种方法可以将光标悬停在折线上并显示一个弹出窗口?

enter image description here

【问题讨论】:

嗨@Marc Rich,欢迎来到SO。我想你应该找到你的问题的答案here 【参考方案1】:

要添加仅在悬停时可见的弹出窗口,请使用 leaflet::addPolylines() 调用的 label 参数。您需要使用波浪号 (~) 表示法将 label 参数指向数据对象(或表达式)中的列。

您可以使用labelOptions 来微调外观(我建议方向顶部;noHide = T 将保持标签始终打开)。

library(sf)
library(leaflet)

shape <- st_read(system.file("shape/nc.shp", package="sf")) %>% # included with sf package
  st_transform(4326) # ... or an alarm will ring!

# a polyline, any polyline
ashe <- st_cast(shape[1, ], "MULTILINESTRING") # borders of county Ashe as a line

leaflet(data = ashe) %>% 
  addProviderTiles("CartoDB.Positron") %>% 
  addPolylines(color = "red",
               label = ~paste("Here be county ", NAME), # note the tilde / ~
               labelOptions = labelOptions(noHide = F, direction = "top"))

【讨论】:

以上是关于如何将弹出窗口添加到折线中,当鼠标悬停在地图上的折线上时显示传单的主要内容,如果未能解决你的问题,请参考以下文章

如何在Kivy的matplotlib图表上实现鼠标悬停数据标签弹出窗口

Swing JTextArea 上的文本鼠标悬停弹出窗口?

d3.js 隐藏不透明度的弹出窗口不能与指针事件一起正常工作

谷歌地图 Android API v2 - 折线上的信息窗口?

在弹出窗口上预览图像,无法正确显示

百度地图循环添加标注,并循环为鼠标悬停标注时信息窗口问题解决