leaflet相关内容

将R传单地图保存为html:不包括瓷砖

我正在尝试使用 saveWidget() 或将 rmd 文件输出到 html 来保存 R 传单地图 - 如下所述:将传单输出保存为html 使用 markdown 生成 html 文件时,地图将在内部 rstudio 查看器中正常显示,然而如果我打开生成的 html 文件或 saveWidget() 生成的 html 文件浏览器,只显示圆圈,不显示图块. 小例子: ```{r}图书馆 ..
发布时间:2022-01-12 18:44:38 其他开发

使用 R Leaflet 放大状态以查看 ZipCode

我正在使用 R 传单包来创建美国的交互式 choropleth 网上有几个教程,我可以创建带有弹出窗口和缩放的交互式状态级别地图.此外,我还能够使用弹出窗口再次创建单独的邮政编码级别地图. 我希望在一张地图上同时显示两个视图,但在放大某个州或双击某个州时使邮政编码可见.就像如果我双击纽约,纽约邮编就会打开.R 中是否有包/函数可以帮助我做到这一点? 这里是两者的静态屏幕截图,以明 ..
发布时间:2022-01-12 18:44:27 其他开发

Leaflet Draw Plugin:如何按图层类型动态隐藏/显示绘图工具

我在我的项目中使用绘图插件,我想知道如何按图层类型隐藏/显示绘图工具? 例如,假设我有 2 层,其中一层是多边形,另一层是线. 如果用户选择多边形图层,我想隐藏画线工具. 之后,如果用户选择Line layer,我想隐藏多边形绘图工具.我看过 here 但这个例子使工具静态化,我想动态地改变.我该怎么做? 我们将不胜感激. 解决方案 我自己解决了.我在地图初始化时添 ..
发布时间:2022-01-12 18:44:20 前端开发

隐藏“显示:无"时如何渲染传单地图父母

在我的页面上显示传单地图时,我遇到了奇怪的行为.通常地图会按预期渲染并且运行良好.但是,我只想在我在 javascript 中检测到的表单中出现错误时才显示地图.因此,如果我将父 设置为 display: none; 并稍后根据需要显示,则不会加载图块(或仅部分加载并且不继续)并且地图奇怪地“错位"(不是在 js 中定义的居中). 我的想法是,也许浏览器没有呈现 ..
发布时间:2022-01-12 18:44:00 前端开发

如何计算像geojson.io这样的Leaflet中折线的距离?

我正在使用 Mapbox 和 Leaflet 绘制地图,我应该让用户绘制多边形并计算并显示该多边形的面积,我还需要让用户绘制一条折线并显示折线的距离. 我已经算出了多边形区域的特征,但我不知道如何计算折线的距离. 我的代码如下: loadScript('https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-draw/v0.2.2 ..
发布时间:2022-01-12 18:43:53 前端开发

R传单连续图例中的相反顺序

我正在尝试在 R 中反转我的 leaflet 图例的值显示.这个 post 涵盖分类数据,但我正在处理连续数据.这是一个玩具示例: map % addProviderTiles('Esri.WorldTopoMap')x 我希望图例在顶部显示 100,在底部显示 1,颜色相反.我当然可以颠倒 colorNumeric() 中的颜色,但颠倒标签的顺序更难.我试过颠 ..
发布时间:2022-01-12 18:43:42 其他开发

单击(右键单击)使用传单地图库获取图像叠加层的像素坐标

我正在尝试使用传单地图库在单击(右键单击/上下文菜单)时获取图像叠加层的像素坐标.本质上,当用户点击图片时,我需要找到用户点击图片位置的 x、y 或宽度、高度. 目前这就是我所拥有的. //使用 Leaflet.js 平移和缩放大图像.//另见:http://kempe.net/blog/2014/06/14/leaflet-pan-zoom-image.html//创建滑动地图var m ..
发布时间:2022-01-12 18:43:24 前端开发

防止在传单 R-Map 中缩小?

我用小册子 R-package 制作了一张小册子地图. 结果如下: 我对此非常满意,但是当我将其嵌入网站并用笔记本电脑向下滚动文章时,我经常不小心缩小地图,然后看起来像这样: 用户也必须放大查看地图的交叉部分,这真的让我很恼火. 有没有办法冻结地图的一部分,就像您可以像往常一样放大但不能像在图像上那样缩小?我尝试在我的代码中设置视图,但你仍然可以缩小,所以我删除了那部分. ..
发布时间:2022-01-12 18:43:08 其他开发

具有模糊轮廓的传单多边形

我正在寻找一种方法来获得传单多边形的模糊/模糊/渐变轮廓. 这应该有助于使国家/地区轮廓更加简单(当前,当您放大代表国家/地区的 svg 时,它会变得丑陋/不准确). 我正在考虑将 CSS 属性附加到与此类似的 svg:http://www.w3schools.com/svg/svg_fegaussianblur.asp但显然 svg 子元素 (用于传单多边形)不接受这一点. ..
发布时间:2022-01-12 18:42:57 前端开发

传单 R 中具有不同形状和颜色的自定义标记

有一些示例可以在传单中创建自定义标记,但其中大多数只针对一个变量.但是,有很多数据有几个因素,最好用不同的形状和颜色来可视化. 这是虚拟数据,如何用不同的形状和颜色绘制标记? lat1= 36+runif(n=5,min=-1,max=1)lon1 =-115+runif(n=5,min=-1,max=1)lat2= 35+runif(n=5,min=-0.5,max=0.5)lon2 = ..
发布时间:2022-01-12 18:42:49 其他开发

提供地图瓦片包以供离线使用

我正在制作一个必须离线工作的网络应用程序.到目前为止一切正常,我的最后一步是将地图图块离线.幸运的是,我确切地知道用户需要访问地图的哪些区域,因此我不必允许缓存数百万个图块. 地图分为多个区域,因此我们的想法是将这些区域的图块作为可下载的“包"提供. 例如,当我在线时,我会转到“平铺包"页面,该页面提供多个区域的下载.我选择我感兴趣的区域,它会下载瓷砖,当我离线时,我可以使用这些瓷砖. ..
发布时间:2022-01-12 18:42:42 前端开发

如何使用 LeafLet 创建商店地图

我希望创建一个可以交互的地图. 我找到的最佳选择是传单,问题是我没有找到任何解释如何创建自己的地图的资源. 我希望创建一个商场地图,用户可以在其中看到所有商店、喷泉...... 我怎样才能做到这一点? 解决方案 最好的起点是 Leaflet 示例页面: http://leafletjs.com/examples.html 这里是快速入门指南:http://le ..
发布时间:2022-01-12 18:42:33 前端开发

R中的传单无法预测地绘制图标

我的 Shiny 应用采用如下数据框: 并通过允许用户选择人员 (P1_name) 和日期 (date) 来适当地进行子集化. 最初启动时,它看起来像这样: 很明显,该应用程序无法正常工作.苹果谷镇的位置应该有一个字母“N",但实际上什么都没有.我不知道为什么,因为 DF 已正确子集化: 并且图层应该被正确绘制: m %addTiles() %>% ..
发布时间:2022-01-12 18:42:27 其他开发

从 R 传单地图中的绘图对象获取坐标

我正在构建一个闪亮的应用程序,我想从传单地图中获取多边形的坐标.具体来说,形状是使用 Leaflet.extras 包中的 Drawtoolbar 绘制的.下面是一个简单的示例应用程序. 我的问题是,如何从用户在地图上绘制的形状中获取坐标?提前谢谢你. 库(闪亮)图书馆(传单)图书馆(传单.附加)# 定义用户界面ui 解决方案 需要观察_draw_new_feature函数 库(l ..
发布时间:2022-01-12 18:42:09 其他开发

Mapbox 打字稿

通过关注这个项目,我设法让 Leaflet 与 Angular 2 和 Webpack 一起工作. angular 2 传单启动器 我可以看到“browser.d.ts"中配置的类型: /// webpack.config.js 定义了一个入口点: ...入口: {'p ..
发布时间:2022-01-12 18:42:02 其他开发

R传单和闪亮如何清除地图点击数据

以下示例取自 RStudio 教程 on leaflet.我稍微修改了一下以适应我的问题. 我有一张地图(这里是地震),我使用 addCircleMarkers 在地图上绘制它,单击时会出现一个包含一些信息的弹出窗口.我想在我的真实应用程序中做的是,当在地图上单击标记时,它将页面上的其他图形过滤为仅与该标记相关的数据.我知道如何使用 input$map_marker_click 获取有关用户 ..
发布时间:2022-01-12 18:41:52 其他开发

Leaflet React在功能组件中获取地图实例

我想在地图外有一个按钮,可以将视图更改为另一个坐标. 有没有办法让 mapContainer 实例调用它们的函数?或者我该如何实现这个功能? 我试图通过使用 ref 来获取它,但它不起作用.这是我当前的代码 const zoom = 13;功能地图({区域坐标,区域名称}){常量 mapRef = useRef();函数句柄FlyToClick() {//这不起作用//const m ..
发布时间:2022-01-12 18:41:43 前端开发