问题标签 [leaflet-draw]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
54 浏览

reactjs - 在 lefalet 中创建新形状图层时如何删除最后一个形状图层

根据这个代码框,我用来生成反应地图,我已经实现了抽屉插件。在这里,我想删除我添加到地图中的最后一个形状,并创建并显示新地图而不是最后一个形状。有没有这样做的高性能方法?

0 投票
0 回答
147 浏览

vuejs3 - VUE3中的leaflet-draw会抛出错误作为错误的传单版本

我正在VUE3中创建一个页面,其中包含传单和传单绘制库。我正在使用目前最新的传单版本“ ^1.7.1 ”和传单绘制版本“ ^1.0.4 ”。地图正在创建,没有任何问题。

虽然我使用的是最新版本,但当我尝试执行new L.Control.Draw()它抛出的行时,错误“ Uncaught Error: Leaflet.draw 0.2.3+ requires Leaflet 0.7.0+.

我的 package.json 文件中的依赖项。

下面是我的vue文件。

此外,我尝试导入 L 形式的“传单”,如“ import L from "leaflet";”,似乎没有任何改变。我完全删除了我的node_modules目录并重新安装了所有依赖项,它也没有帮助。

作为另一个调试步骤,我打开了文件node-modules/leaflet-draw/dist/leaflet.draw.js并搜索了版本比较所在的位置,并添加了一个console.debug(L.version),令我惊讶的是,它打印了0.6.4

只是出于好奇,我尝试注释掉引发错误的行,然后页面加载时没有任何错误,但未创建绘制控件。

我对此感到筋疲力尽。我想知道是否有人遇到过这个问题,或者可以用他们的宝贵专业知识帮助我。

0 投票
0 回答
116 浏览

leaflet - 如何将具有设定尺寸的自定义多边形形状添加到 Leaflet Draw 控件?

我需要创建一个新的形状按钮,允许用户在地图上单击一次并在地图上放置一个具有指定尺寸的方形标记(圆形标记和矩形之间的交叉)。这是一种有效的方法吗?我找到了很多关于如何在控制栏中更改图标的信息,并设法为该功能创建了一个方形图标,但我找不到任何关于如何更改绘图功能的信息。

这是我到目前为止所做的:

0 投票
0 回答
24 浏览

react-leaflet - 如何在反应传单中访问折线内的标记

我是 react-leaflet 的新手,我有一个带有很多标记的应用程序,我将这些标记组合成一个多边形。

我想访问多边形内的标记

0 投票
0 回答
85 浏览

leaflet - 如何使用传单绘制多边形显示传单路径/传单测量路径的测量值?

我正在尝试使用带有传单测量路径插件的传单绘制工具绘制多边形。在传单路径上显示测量值 https://prominentedge.com/leaflet-measure-path/

怎么也做不到。请帮助我。

0 投票
0 回答
211 浏览

reactjs - 加载反应传单地图时无法读取 null 的属性(读取“offsetWidth”)

我的反应项目中有一个可重复使用的传单地图组件,每次我搜索特定关键字时,标记和形状(栅栏)都会更新。当我重新加载父组件(地图中的初始数据加载并且没有问题)并搜索关键字(第二次地图加载)时,如果我点击地图,它将给出“无法读取 null 的属性(读取'offsetWidth ')" 。谁能帮我这个?

0 投票
1 回答
43 浏览

leaflet - Leaflet Draw - 删除标记而不保存确认

我有一个带有绘制控件的地图来创建、编辑和删除标记。

一切正常,但我想一键删除标记...无需保存确认。

我还没有找到任何解释我如何做到这一点的帖子......或者我的搜索不正确。只有这个代码

但这会删除所有标记...我想在不确认的情况下一一删除标记

0 投票
2 回答
136 浏览

javascript - 传单和传单绘制的问题 vue leaflet.draw.js?20d6:8 Uncaught TypeError: Cannot read properties of undefined (reading 'length')

leaflet.draw.js?20d6:8 Uncaught TypeError: Cannot read properties of undefined (reading 'length')

第一次与地图交互后,控制台出现错误,无法再绘制形状

UPD:切换到地图框绘制

在此处输入图像描述

0 投票
1 回答
36 浏览

javascript - Leaflet Draw如何隐藏单击取消工具提示

我正在使用 Leaflet Draw 来编辑地图,但是每当我进入编辑模式时,我都会在鼠标指针上附加一个相当大的工具提示(参见屏幕截图),这会掩盖相当多的地图并阻止我看到自己的当我将鼠标悬停在它们上时的标记工具提示。

我搜索了文档以尝试找到将其关闭的选项,但无法确定要使用哪个选项。

有谁知道哪个选项会关闭此工具提示?

在此处输入图像描述

0 投票
1 回答
40 浏览

angular - Angular 项目中的传单插件

我有一个使用传单的角度项目(Angular 13)。在 package.json 文件中,我有:

在我的组件中,我通过

一切正常,L 还包括来自 leaflet-draw 和 leaflet.heat 的类/方法。但是,当我只导入“传单”时,我无法理解它们是如何导入到项目中的。我知道传单插件不会导出任何东西,它们只会将他们的东西添加到传单的 L 名称中。

即使我只导入传单,我也只想了解传单插件如何可用。