带有闪亮的 R Leaflet 中的图标未加载(空图像)

2024-03-17

[R-3.4.3 64 位、RStudio、shinydashboard_0.6.1、shiny_1.0.5、leaflet.extras_0.2、Chrome]

我正在制作在 R/Leaflet 中使用 Shiny 的图标,我得到的所有内容如下,但我不知道为什么:

这是使用玩具示例来自这里 http://rstudio.github.io/leaflet/markers.html:

oceanIcons <- iconList(
  ship = makeIcon("ferry-18.png", "[email protected] /cdn-cgi/l/email-protection", 18, 18),
  pirate = makeIcon("danger-24.png", "[email protected] /cdn-cgi/l/email-protection", 24, 24)
)

# Some fake data
df <- sp::SpatialPointsDataFrame(
  cbind(
    (runif(20) - .5) * 10 - 90.620130,  # lng
    (runif(20) - .5) * 3.8 + 25.638077  # lat
  ),
  data.frame(type = factor(
    ifelse(runif(20) > 0.75, "pirate", "ship"),
    c("ship", "pirate")
  ))
)

leaflet(df) %>% addTiles() %>%
  # Select from oceanIcons based on df$type
  addMarkers(icon = ~oceanIcons[type])

以及以下,具有不同但相似的玩具数据,使用时runApp(shinyApp(ui, server), launch.browser = TRUE);


See the makeIcon 的文档 https://www.rdocumentation.org/packages/leaflet/versions/1.1.0/topics/makeIcon。作为第一个参数,它期望:

iconUrl: the URL or file path to the icon image

所以你的代码只有在你有以下条件时才有效png在您的工作目录中,更改路径,使其包含硬盘驱动器上图像的正确路径,或者您可以使用 URL。所以一个有效的例子是:

  # Make a list of icons. We'll index into it based on name.
    oceanIcons <- iconList(
      ship = makeIcon("http://globetrotterlife.org/blog/wp-content/uploads/leaflet-maps-marker-icons/ferry-18.png", 18, 18),
      pirate = makeIcon("http://globetrotterlife.org/blog/wp-content/uploads/leaflet-maps-marker-icons/danger-24.png", 24, 24)
    )

    # Some fake data
    df <- sp::SpatialPointsDataFrame(
      cbind(
        (runif(20) - .5) * 10 - 90.620130,  # lng
        (runif(20) - .5) * 3.8 + 25.638077  # lat
      ),
      data.frame(type = factor(
        ifelse(runif(20) > 0.75, "pirate", "ship"),
        c("ship", "pirate")
      ))
    )

    leaflet(df) %>% addTiles() %>%
      # Select from oceanIcons based on df$type
      addMarkers(icon = ~oceanIcons[type])

希望这可以帮助!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带有闪亮的 R Leaflet 中的图标未加载(空图像) 的相关文章

随机推荐

  • 在浏览器中使用 NodeJS Crypto 模块和 webpack

    我正在编写一个 javascript REPL 旨在在浏览器中运行并执行 nodejs 加密函数 我的项目是在 ReactJS 中 我使用 webpack 将所有模块和依赖项捆绑在一起 我试图将内置节点加密模块包含在 webpack 生成的
  • TypeScript 到 JSDoc:全局/接口

    我目前正在使用 JSDoc 将项目从 TypeScript 转换为 JavaScript 我正在尝试使用 JSDoc 执行以下操作 declare global namespace jest interface Matchers
  • ld:找不到 -lz.1.2.3 的库

    当尝试编译适用于 iOS 5 的软件时 XCode 4 2 抛出错误 ld library not found for lz 1 2 3 我发现这篇文章告诉我替换 1 2 3 与 1 2 5 https github com dbloete
  • Flexslider - 图像预加载器

    我的响应式 flexslider 插件有问题 除非实际幻灯片中有很多图像 否则该插件可以正常工作 那么加载行为是不可接受的 我希望有人可以帮助我使用以下 flexslider 图像预加载器脚本 因为我无法让它工作 这是我正在使用的代码 柔性
  • 在 R Shiny 标头中制作图像超链接

    我一直在尝试将图像输出超链接到网站 但我在仔细阅读有关堆栈溢出的其他问题时遇到了麻烦 带有闪亮的可点击链接的 svg 不可点击 https stackoverflow com questions 37121767 svg with clic
  • Html5 的文件 API - BLOB 用法?

    我有一个文件输入 jsbin http jsbin com atICecog 4 edit
  • 如何修复在多人或组字段中添加用户时 SharePoint 中的错误(仅限人员)

    我正在尝试在 Sharepoint 列表中的多人或组字段 仅限人员 中添加多个用户 但我收到以下错误消息 从 JSON 读取器读取时发现意外的 PrimitiveValue 节点 预期是 StartObject 节点 我已使用 REST 调
  • Rails 应用程序移至生产服务器时出现“符号转储格式错误”错误

    我刚刚将 Rails 应用程序从开发服务器移至部署服务器 我已经安装了乘客 但我想尝试一下rails s确保一切运行良好 这是我第一次开发和部署 Rails 应用程序 规格为 带有 RVM mod passenger Rails 3 2 3
  • WCF发送大量数据

    我想将大量数据发送到 WCF 服务 数据可能由数千个 od 记录 实体 组成 具体取决于解析的输入文件 现在的问题是 发送这些数据的最佳方式是什么 A 逐条记录 通过这个 我将确保我不会超过允许的最大消息大小 并且我可以从 las 成功发送
  • pandas.read_clipboard 来自云托管的 jupyter?

    我正在服务器上运行 JupyterHub 的 Data8 实例 并运行 JupyterLabpd read clipboard 似乎不起作用 我在谷歌colab中看到同样的问题 import pandas as pd pd read cli
  • 具有固定不均匀行的 HTML 表格

    I m creating a page that allows the user to select a time slot from a schedule I would prefer to do this with some sort
  • PhoneRTC 64 位支持吗?

    PhoneRTC http phonertc io 目前不支持 64 位设备 从2015年2月1日起 Apple 要求所有 iOS 应用程序支持 64 位设备 https developer apple com news id 102020
  • 最严格的 C 代码的 GCC 选项? [复制]

    这个问题在这里已经有答案了 应该设置哪些 GCC 选项以使 GCC 尽可能严格 我的意思是尽可能严格 我正在用 C89 编写并希望我的代码符合 ANSI ISO 兼容 我建议使用 Wall Wextra std c89 pedantic W
  • 如何在属性选择器中使用/模拟类似正则表达式的反向引用?

    我想要做的是编写一个在一个地方匹配任意值的选择器 然后要求一个不同的值与其相等 如果 attr value 将 值 解析为正则表达式 那么这将解决我的问题 class class if 1 styles 显然 我可以单独列出每个可能的类 但
  • Docker nginx/traefik 301 将 http 重定向到本地主机上的 https

    这是后续关闭 Docker 中的 https https stackoverflow com questions 67087945 turn off https in docker还有一些更多信息 我还没想明白 我在 Docker slac
  • 如何使用 window.fetch 下载文件?

    如果我想下载一个文件 我应该在then下面块 function downloadFile token fileId let url https www googleapis com drive v2 files fileId alt med
  • 如何开始使用 memcached

    目前我正在做一个项目 需要使用memcached 我研究了很多网络链接 但我不明白如何开始使用 memcached 我已经使用过 mongodb 但希望获得有关 memcached 配置的帮助 我使用的是 Windows 7 操作系统 到目
  • FXCop 选角警告

    运行 FXCop 时出现以下错误 CA1800 微软 性能 obj 一个变量 被转换为类型 方法中多次 Job ProductsController Details int int 缓存 as 的结果 运算符或直接强制转换以便 消除多余的c
  • 服务器代码中的 Webpack 热模块替换

    到目前为止 我看过的所有 webpack 示例都涉及客户端热模块替换 例如 this http andrewhfarmer com webpack hmr tutorial and this https github com glenjam
  • 带有闪亮的 R Leaflet 中的图标未加载(空图像)

    R 3 4 3 64 位 RStudio shinydashboard 0 6 1 shiny 1 0 5 leaflet extras 0 2 Chrome 我正在制作在 R Leaflet 中使用 Shiny 的图标 我得到的所有内容如