关键词：
【中文标题】如何将弹出窗口添加到折线中，当鼠标悬停在地图上的折线上时显示传单【英文标题】：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"))
【讨论】：
Swing JTextArea 上的文本鼠标悬停弹出窗口？
】SwingJTextArea上的文本鼠标悬停弹出窗口？【英文标题】：Text-mouseoverpopupsoveraSwingJTextArea?【发布时间】：2011-08-2220:52:17【问题描述】：有什么东西可以让您在SwingJTextArea中的单个单词或字母上显示一个小的文本弹出窗口（如工具... 查看详情
如何使用 Chart.js 向我的折线图添加点击事件
】如何使用Chart.js向我的折线图添加点击事件【英文标题】：HowtoaddanonclickeventtomyLinechartusingChart.js【发布时间】：2014-10-2007:24:58【问题描述】：我正在尝试使用Chart.js将点击事件添加到我的折线图中。我已经启用了工具提示来显... 查看详情
悬停在集群组上的弹出窗口
】悬停在集群组上的弹出窗口【英文标题】：Popuponhoveringoverclustergroup【发布时间】：2015-08-1808:54:27【问题描述】：我想在使用Leaflet.markercluster制作的集群组上添加弹出窗口，就像悬停在传单标记上的弹出窗口一样。【问题讨论... 查看详情
当鼠标悬停在边框上时，如何完全禁用调整窗口大小，包括调整大小图标？
】当鼠标悬停在边框上时，如何完全禁用调整窗口大小，包括调整大小图标？【英文标题】：howcanIfullydisableresizingawindowincludingtheresizeiconwhenthemousehoverstheborder?【发布时间】：2013-05-1609:38:05【问题描述】：我用过：setFixedSize(size());... 查看详情
谷歌地图 Android API v2 - 折线上的信息窗口？
...在地图上绘制polyline，我现在需要向用户显示一些数据。如何在每个polyline上绘制文本或信息窗口？我添加polyline喜欢：ArrayList<LatLng>points=null;Polyli 查看详情
怎么复制信息.复制后如何使用
现在有很多网页不能复制,现收集一些可取方法:一屏蔽右键的破解方法1、出现版权信息类的情况。破解方法：在页面目标上按下鼠标右键，弹出限制窗口，这时不要松开右键，将鼠标指针移到窗口的“确定”按钮上，同时按下左... 查看详情
在弹出窗口上预览图像，无法正确显示
】在弹出窗口上预览图像，无法正确显示【英文标题】：Previewimageonpopover,notdisplayingcorrectly【发布时间】：2018-01-2904:07:40【问题描述】：谁能帮助我进行弹出图像预览，问题是悬停图像预览时不会显示/更新所选图像。这是我在悬... 查看详情
wordpress 上的缩略图悬停弹出窗口
】wordpress上的缩略图悬停弹出窗口【英文标题】：Thumbnailhoverpopuponwordpress【发布时间】：2011-09-2408:13:35【问题描述】：Graphicriver在其缩略图上使用“缩略图悬停弹出”技术。当您将鼠标悬停在缩略图上时，会显示更大的图像，如... 查看详情
地图悬停和点击谷歌地图
...想象一下，您将鼠标悬停在地图上的3上，当您点击3时会弹出一个显示目的地Google地图是否支持单独的悬停和点击？【问题讨论】：【参考方案1】：确实如此。首先在地 查看详情
悬停链接并在 SVG 中更改颜色 [重复]
...5-02-0713:26:47【问题描述】：我创建了一个SVG地图，当我将鼠标悬停在链接上时，我想更改地图目标区域的颜色。当我将鼠标悬停在地图上的某个区域时，链接会从jQ获取下划线类，并且CSS悬停效果会更改地图上的填充颜色。但是... 查看详情
如何保持 Jquery gridview 悬停菜单可见
】如何保持Jquerygridview悬停菜单可见【英文标题】：HowtokeepJquerygridviewhover-menuvisible【发布时间】：2012-09-0220:19:00【问题描述】：我正在网格视图上创建悬停菜单，但由于某些原因，我无法保持弹出窗口可见。当鼠标悬停在标签上... 查看详情
如何在 vscode 中触发文档弹出窗口
】如何在vscode中触发文档弹出窗口【英文标题】：Howtotriggerdocumentationpopupinvscode【发布时间】：2018-05-0710:26:03【问题描述】：如何在光标下触发带有标识符文档的弹出窗口？通常它在使用鼠标指针悬停标识符时出现：我想使用命... 查看详情
当鼠标在父容器之外时如何使弹出子菜单保持可见，悬停时如何使子菜单保持可见
】当鼠标在父容器之外时如何使弹出子菜单保持可见，悬停时如何使子菜单保持可见【英文标题】：Howtomakepopsubmenustayvisiblewhenthemouseisoutsidetheparentscontainerandsubmenuwhenhover【发布时间】：2020-05-1004:30:07【问题描述】：当鼠标悬停在... 查看详情
如何在鼠标悬停时隐藏左下角的网址显示？
】如何在鼠标悬停时隐藏左下角的网址显示？【英文标题】：HowToHideurldisplayinbottomleftonmouseover?【发布时间】：2014-04-1515:13:00【问题描述】：我有一个会员页面，必须登录。在此页面上，成员可以获得所进行讲座的链接。讲座链... 查看详情
将鼠标悬停在地图上时，如何使地图的区域改变颜色？
】将鼠标悬停在地图上时，如何使地图的区域改变颜色？【英文标题】：HowcanImakethemap\'sregionschangecolorwhenhoverthemouseoverit?【发布时间】：2015-02-1318:24:02【问题描述】：我正在使用来自codecanyon的interactivemap。我想进行更改，以便当... 查看详情
当用户在 iPad 上的 WKWebView 中点击电话号码时如何禁用弹出窗口？
】当用户在iPad上的WKWebView中点击电话号码时如何禁用弹出窗口？【英文标题】：HowtodisablepopupwhenusertapsphonenumberinWKWebViewoniPad?【发布时间】：2018-05-1717:33:52【问题描述】：当用户点击WKWebView中的电话号码时，会出现弹出窗口：如... 查看详情
d3.js - 当鼠标悬停在 SVG 容器上的这些元素上时，如何将光标设置为手？
】d3.js-当鼠标悬停在SVG容器上的这些元素上时，如何将光标设置为手？【英文标题】：d3.js-HowcanIsetthecursortohandwhenmouseovertheseelementsonSVGcontainer?【发布时间】：2016-07-1912:14:51【问题描述】：我使用d3.js在SVG容器上绘制了一些圆圈。... 查看详情
excel中如何用一个图表绘制多条折线
...具栏的“插入”。2、找到并点击“折线图”。3、然后在弹出的选项中选择需要插入的折线图样式即可。4、返回EXCEL表格，发现excel中用一个图表绘制多条折线操作完成。参考技术A思路：同时选中所有的数据，然后插入折线图，... 查看详情