问题标签 [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 回答
537 浏览

leaflet - Leaflet.draw:编辑点击时的类型错误(t为空)

我正在使用leafle.draw 和leaflet_1.0。

绘制一个多边形(它看起来像这样http://img.dothesights.com/2016-09-14_160226.png)并且(在结束绘图之后)我单击“编辑图层”并得到一个错误“TypeError:t is null”(看起来像这样http://img.dothesights.com/2016-09-14_160707.png

然后打破所有

0 投票
0 回答
1288 浏览

leaflet - 从弹出窗口收集传单(绘制创建的数据)属性属性到特征属性

我已经阅读了@ghybs 页面给出的有用回答:“<a href="https://stackoverflow.com/questions/34738805/update-properties-of-geojson-to-use-it-with-leaflet">更新属性geojson 与传单一起使用”</p>

但我坚持使用引导弹出窗口使其正常工作,也从用户那里收集数据并将其保存在 feature.properties 上,稍后我将从多个标记收集多个数据,多边形折线转换为 geojson。我可以从弹出窗口中收集数据,但我创建的每个标记的数据都显示相同。每个标记的 feature.properties 应该不同。

请查看我的代码:

0 投票
1 回答
1363 浏览

javascript - 编辑使用 leaflet.shapefile 上传的 shapefile

我正在使用带有 Leaflet 的 Mapbox 来绘制、编辑和删除多边形等。还有一种情况是,用户可能已经压缩了 shapefile 并希望直接使用它,而不是绘制多边形。所以我使用Leaflet.shapefile上传 shapefile 并将它们添加到地图中。

但是,当我尝试使用 Leaflet Draw 控件编辑 shapefile 时,我收到一条错误消息,告诉我“i.editing 未定义”。我尝试将图层转换为 GeoJSON,然后再将其添加到 featureGroup 以防万一(如下面的代码所示),以查看是否有任何效果,但没有。

这是我现在拥有的一个jsfiddle 。我尝试在网上搜索以查看任何类似的案例,但我无法找到任何类似的案例。

是否可以使用 Leaflet Draw 控件编辑上传的 shapefile?

0 投票
1 回答
590 浏览

javascript - LeafLet Draw,标记层不能被点击

我将 Leaflet 1.0.1 与 LeafLet Draw 一起使用,但问题是无法使用 LeafLet 稳定版本单击标记层

https://jsfiddle.net/tb0pct68/2/

画一个矩形,它会显示警报 Dailog 但标记层单击不起作用,不知道是什么问题。

谢谢

0 投票
1 回答
1742 浏览

javascript - 返回单击的图层传单

我想选择一个创建的多边形,通过leaflet.draw通过单击创建。这就是我实施的方式leaflet.draw

然后我想知道我点击了哪个多边形。我对each.layer执行此操作

但是,这永远不会返回任何东西。当我替换drawnItemsmap

它有效——有点。但它总是返回相同的id,即使我点击不同的多边形......hickup 在哪里?

0 投票
1 回答
921 浏览

leaflet - 尝试编辑多边形时的传单错误

我正在尝试编辑使用传单绘制创建的多边形。但是,每次我尝试编辑多边形时都会收到以下错误。(我没有看到多边形上那些可用于调整大小的可拖动点)

leaflet.js:formatted:854 Uncaught TypeError: Cannot read property 'lat' of null(...)

在此处输入图像描述

如果我尝试保存多边形而不进行更改,我会收到以下错误

Leaflet.draw.js:10 未捕获的类型错误:无法读取未定义的属性“处置”(…)

在此处输入图像描述

这是我的传单编辑工具栏代码 -

请帮忙!

0 投票
1 回答
207 浏览

leaflet - 传单编辑工具栏图标未对齐

我在用 -

Leaflet 版本 1.0.1 和 Leaflet draw 版本 - 0.4.1

编辑工具栏图标在页面加载时似乎未对齐。请帮忙!

在此处输入图像描述

0 投票
2 回答
11564 浏览

leaflet - 使用小册子绘制使多边形可编辑

如何使从数据库加载到地图上的多边形可编辑?

截至目前,当多边形被加载时,它们仍然不可编辑。仅当我创建新多边形时才启用编辑选项。

从数据库加载的多边形标记为蓝色,新创建的多边形标记为红色。(编辑图标搞砸了!)

在此处输入图像描述

0 投票
1 回答
12446 浏览

javascript - 将现有的传单多边形添加到现有的传单图层

我有一堆存储在数据库中的多边形。我想将它们添加到地图中,以便可以使用传单绘制工具栏对其进行编辑。虽然,现在多边形已添加到地图中,但我无法编辑它们。

我认为这是因为它们没有被添加到layerGroup()新绘制的形状中。

请帮忙。

0 投票
4 回答
3504 浏览

javascript - 查找在 Leaflet 中创建的最新图层的传单 id

我正在使用传单绘图库将图层添加到图层组“drawnitems”

我需要在创建时立即找到使用上述代码创建的图层的传单 ID。这发生在一个循环中。我正在添加多个图层。

我的目标是将用户编辑的形状保存到数据库中。这些形状是先前创建的,然后存储在数据库中,然后在地图上呈现。为此,我计划使用分配给每个形状的传单 id,然后使用“draw:edited”事件中的一些逻辑找到相应的数据库条目。