程序员经验分享-hwhale

查找 LineString 与 turfjs 中的多边形边框相交的坐标

2023-12-31

Turfjs 有没有办法确定 LineString 与多边形边界相交的坐标？

有多种方法可以确定一个点是否在多边形内，也有多种方法可以确定一个点是否在一条直线上等等，但我似乎无法找到一种方法来询问“这条线在什么点与这个多边形的边界相交”.

我可以使用线相交算法枚举多边形中的点来找到该点，但我想知道是否有更“草皮”的方法来做到这一点。

对于上下文，我已加载 GPX 轨迹并希望估计轨迹进入/退出定义区域的位置/时间。

由于GPX磁道仅以特定间隔记录位置，因此通常情况是在时间tN记录的pN在区域之外，而在时间tN+1记录的pN+1在区域内部。 如果我能得到线 (pN, pN+1) 与多边形边界相交的点，我就可以估计轨道穿过多边形的确切时间。


最终，turfjs 似乎没有执行此操作的 API。

我能够通过从 GeoJSON 对象枚举多边形中的点来构造一系列线段来获得我想要的答案，然后我使用maxogden/geojson-js-utils https://github.com/maxogden/geojson-js-utils linesIntersect函数来测试交点。

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

leaflet

mapbox

turfjs

查找 LineString 与 turfjs 中的多边形边框相交的坐标 的相关文章

  • Plotly Scattermapbox，无法向标记添加文本

    我正在尝试将文本添加到下面的绘图中 原始代码修改自https plotly com python lines on mapbox https plotly com python lines on mapbox import plotly g

  • Leaflet.label 未显示在标记上

    我有一组 geoJSON 点 它们附加了相应的标签 var points L geoJson null onEachFeature function feature layer layer options riseOnHover true

  • 点击Leaflet地图上的点即可在Shiny中生成ggplot

    我正在尝试使用 R 中的 Shiny 创建一个 Leaflet 地图 它允许用户单击任何标记来生成表示该特定站点的信息 温度 的相应图 我合并了这个问题的代码 单击传单地图中的点作为闪亮绘图的输入 https stackoverflow c

  • 未捕获的错误：地图容器已初始化

    我正在使用 React JS 制作网页 我的目标是在前端显示地图 我正在使用react leaflet npm 包来实现同样的目的 但是 我收到以下错误 Error Uncaught Error Map container is alrea

  • leaflet + gMapCatcher-更改zxy模板

    我在用着leaflet由 gMapCatcher 生成的图块 那里的文件名完全不同 例如 传单中的缩放级别 17 是 gMapCatcher 的级别 0 我需要更改 url 模板 http s somedomain com blabla z

  • 使用 MapBox GL JS 无需访问令牌

    有没有办法使用MapBox GL JS没有访问令牌 我在文档中找不到任何提示MapBox GL JS https docs mapbox com mapbox gl js api 然而 Uber建议是可以通过他们的图书馆 https ube

  • Leaflet Map - 第二个多边形使第一层不可点击

    我正在制作美国社区调查数据地图 目前我有一个主要层 如下所示plotMerge incomePerCapita 它运作良好 有一个完全充实的弹出窗口 图像等等 当我添加第二层以提供县和地区边界时 区域边界变得不可单击 似乎被新层掩盖了 如果

  • leaflet.draw 垃圾按钮删除所有多边形并保存

    使用javascript 如何更改leaflet draw 垃圾桶 按钮以删除所有已绘制并自动保存的多边形 下面是我实现的代码 但它是一个完整的黑客 它会删除活动多边形 但是在删除对象后 当我单击 垃圾箱 图标时 控制台中开始出现错误Not

  • 传单圆圈绘制/编辑问题

    我第一次制作传单 并面临绘制圆圈和编辑 更改圆圈位置 的问题 我面临的问题是 编辑 移动 圆从一个位置到另一位置会改变其半径 Note 请尝试在给定的小提琴中在地图顶部创建圆圈 然后通过单击编辑按钮将其移动到底部 如果我在地图的顶部创建圆圈

  • 使react-leaflet能够离线使用

    我一直在使用反应传单 https github com PaulLeCam react leaflet图书馆 到目前为止运作良好 现在我希望网站预加载尽可能多的图块 以便网络应用程序 也是 PWA 可以在没有互联网的情况下使用 我找到了一些

  • 调整传单地图大小时如何保持地图居中？

    我在用着leaftlet http leafletjs com reference html在网页上创建地图 地图的左侧是一个滑出的面板 当面板滑出时 地图会调整大小以填充页面上的剩余空间 当面板向左滑出时 地图调整大小 中心点向左移动 理

  • 传说在北卡罗来纳州地理地图上消失？

    我正在使用 R 编程语言 使用北卡罗来纳州的内置地图 我生成了 3 个随机变量 收入 孩子数量 体重 然后为此数据创建了地图 使用 传单 库 通过循环 library sf library mapview library leaflet l

  • Mapbox 打字稿

    通过关注这个项目 我成功地让 Leaflet 与 Angular 2 和 Webpack 一起工作 Angular 2 传单启动器 https github com haoliangyu angular2 leaflet starter 我

  • 传单 - 导入 Geojson - Angular 6

    我尝试将 GeoJson 文件导入到 Angular 的应用程序 6 中的传单中 通过这个解决方案 我的 geojson 是在 leafletmap 中绘制的 但我有这个错误 我无法构建我的应用程序 有人知道一种解决方案吗 错误 TS234

  • 如何以角度形式创建传单地图

    我的要求是以角度形式创建传单地图 但我对这种形式很陌生 我知道如何将地图与普通 html 结合使用 如下所示 地图组件 ts ngOnInit const map L map map setView 51 509865 0 118092 1

  • Mapbox - 挤出线

    是否可以对 GeoJSON LineString 功能应用填充挤压 基本上我正在寻找一种在具有 z 偏移的 3d 模式下绘制线条 可以是 1 条线或多条连接线 的方法 如果那不可能 也许可以用多边形来完成 就像 将我的线条转换为多边形 我该

  • 运行 ng build --prod 时传单标记图标 url 编译错误

    由于某种原因 Leaflet 标记图标 url 在运行时编译错误ng build prod相反 当跑步时ng build传单标记图标 url 很好 我的环境 Angular CLI 7 0 5 Node 11 2 0 OS linux x6

  • 基于内部图标的传单簇颜色

    我的 leaflet js 地图上有图钉 其中图像由它们所代表的对象的状态确定 例如 在线和离线用户 在线为绿色 离线为红色 我通过向 divIcon 添加一个类 然后使用 css 控制图像来实现此目的 我现在已将标记聚类添加到我的地图中

  • Mapbox 关闭除一层之外的所有图层

    我是 Mapbox 和 javascript 的新手 我试图稍微修改一下 Mapbox GL 代码示例 发现here https www mapbox com mapbox gl js example toggle layers 允许打开

  • React-leaflet 未加载图块并镀金 403 请求错误

    我正在使用 React leaflet 和瓷砖提供商 Stadia OSM Bright 当我在本地运行它时显示图块 但是当我进行构建并上传到服务器时它停止加载图块并开始给出请求 403 禁止错误 我有一个 API 密钥 但没有找到任何解决

随机推荐

热门标签