问题标签 [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 投票
2 回答
469 浏览

leaflet - angular-leaflet:绘制控制:Circle 和 Point 的 GeoJSON 相同。如何区分?

我想保存绘制的形状并按需将其加载到地图中。当我画画时pointcircle它给出了相同的 geoJSON。两种形状的类型都是point。我无法区分差异。当我将circlegeoJSON 加载到地图时,它加载为point.

演示

从屏幕截图中检查控制台日志。

传单

是错误还是我做错了什么?请指教。

0 投票
0 回答
175 浏览

leaflet - 如何使用带有leaflet.snap 的侧leaflet.draw 控件?

首先,我要感谢你们所有人提供了令人惊叹的库,例如leaflet/leaflet.drawleaflet.snap.

我想要做的是leaflet.draw支持传单快照的外部控制。这很好地与侧面地图绘制控制配合使用。

下面我展示了如何调用外部传单绘制控件:

注意:- Leaflet.snap 不在标签列表中。我也想给它加标签。

0 投票
1 回答
1337 浏览

leaflet - 使用 Leaflet.Draw 工具栏显示以英尺为单位的折线长度

我正在创建一个地图,用户将能够使用 Leaflet.Draw 工具栏在其上绘制线条。我希望以英尺/英里而不是默认码/英里显示线路的运行距离。查看 GitHub 中的项目,在我看来,以下代码应该这样做:

但长度仍以码显示。任何关于为什么会这样的见解都会有所帮助。

0 投票
1 回答
845 浏览

r - R 编程:在 LeafLet 中使用 ISO 国家代码

我正在创建一个客户端仪表板。我有客户的 ISO 国家代码,我也使用 rworldmap 包在地图中绘制了相同的国家代码,但 UI 不是很好。

所以,我想使用传单包。如何在创建地图时使用这些 ISO 国家代码 ALPHA 2。

谢谢!

0 投票
1 回答
2004 浏览

leaflet - 使用传单点击地图绘制多边形

下面是我在地图上绘制多边形的代码。使用它我可以绘制多边形,但是在点击地图时,它启用了绘制处理程序,并且在第二次点击时我能够绘制多边形。

预期输出 - 在第一次单击地图上我想在地图上绘制第一个点。

0 投票
1 回答
1556 浏览

leaflet - 创建可编辑的多边形,并在编辑后得到编辑后的 ​​lat Lng

下面是我创建多边形的代码,我想让它可编辑,所以我已将“editable:true”选项传递给地图。但形状仍然不可编辑。

0 投票
2 回答
2229 浏览

leaflet - Leaflet-Draw:在“draw:editvertex”事件中获取多边形 latLng

draw:editvertex事件触发时,如何获取有关触发它的多边形的信息?

0 投票
0 回答
991 浏览

leaflet - 如何使用leaflet.draw 添加动态工具提示文本?

我使用 Leaflet.draw 插件来添加一些形状来映射,但是当用户在编辑模式下移动光标(mousemove)或添加一些顶点时,我需要更改工具提示的信息(静态文本)。

我怎样才能拦截这个事件,比如

此外,我尝试扩展更新文本功能和更新位置,但我还需要 mousemove 事件、动作或形状类型以及 latlng 位置。

0 投票
1 回答
724 浏览

javascript - Leaflet Draw revertLayers 不起作用

我正在使用 Leaflet 开发一个 web 地图应用程序。该应用程序使用户能够使用 Leaflet Leaflet.Draw 插件在地图上绘制对象。用户还可以编辑或删除绘制的对象。

我在 Leaflet Draw 中的 revertLayers 函数有一些问题。当用户取消更改时,图层将恢复到其原始状态,但在下一次编辑中,它显示用于拖动对象节点的点未恢复。

在此处输入图像描述

这是我的编辑控件代码:

0 投票
1 回答
1885 浏览

javascript - 将 KML 文件添加到传单绘制的drawedItems

我正在尝试将 KML 文件导入传单并使其可编辑以进行传单绘制。我正在使用 Leaflet-omnivore 导入 KML。

如果我添加 kmlFile 来映射它可以完美地工作,但为了使形状可编辑,我需要将图层添加到 drawItems

但是我收到一条错误消息:

类型错误:i.editing 未定义。

当我尝试访问图层坐标以自己创建对象并将它们添加到drawedItems时,我似乎无法这样做,因为我找不到访问对象坐标的方法。

当我尝试访问图层时,它们显示为空

但是当我检查杂食 kml 对象时,我可以看到 _layers 包含对象和坐标。

但是在执行 getLayers 方法时,layers 数组显示为空。

有什么建议么?