使用react- leaflet -draw in leaflet创建新图层之前删除图层

文章/答案/技术大牛

发布

1回答

javascript、reactjs、leaflet、react-leaflet、react-leaflet-draw

我的方法是在onCreated方法期间将新的层保存在一个变量或数组中，并在方法onDrawStart中获取和删除它，所以一旦用户尝试绘制另一个形状，前一个就会被移除，但这不起作用，有什么建议吗？

浏览 85提问于2020-04-07得票数 0

回答已采纳

1回答

Leaflet Draw + Angular + GeoJSON:如何实现地图与GeoJSON对象的双向绑定

angularjs、leaflet、angular-leaflet-directive

我可以使用angular leaflet指令将Geojson层添加到leaflet地图中。angular.extend($scope, { draw: {}<leaflet center="london" controls=&

浏览 3提问于2014-12-06得票数 1

1回答

如何绑定事件侦听器以清除编辑工具栏中的所有按钮？

javascript、leaflet、leaflet.draw

Leaflet-draw允许用户创建一个绘图控件，该控件带有图层的编辑和删除按钮。 //do somethingClear All会触发一个事件，允许我删除

浏览 10提问于2019-07-23得票数 0

1回答

带有Leaflet和AngularJS的热图

javascript、angularjs、map、leaflet、heatmap

我在我的一个应用程序中使用了angular-leaflet-directive ()。我想创建一个热图图层，但是网络上没有关于如何实现这一点的信息。如何使用angular-leaflet-指令创建热图图层？

浏览 0提问于2014-04-11得票数 2

1回答

传单绘图不会删除在L.geoJSON()页面加载中添加的功能

leaflet、geodjango、leaflet.draw

当我尝试编辑或删除各个层时，它不工作，也没有错误消息。但是，当我使用“清除所有层”按钮时，它成功地删除了所有层。有什么地方我应该找个地方弄清楚吗？当我尝试删除页面加载时放置的项目时，删除(垃圾图标)仍然无法工作或提供任何错误消息。_enableLayerEdit (leaflet.draw.js:formatted:2204) at i.addHooks (leaflet</e

浏览 4提问于2020-03-06得票数 0

4回答

查找在leaflet中创建的最新图层的Leaflet* id*

javascript、leaflet、leaflet.draw

我正在使用leaflet 向图层组"drawnitems“添加层我需要找到创建后立即使用上面的代码创建的层的leaflet这些形状是预先创建的，然后存储在DB中，然后在地图上渲染。为此，我计划使用分配给每个形状的leaflet id，然后使用"draw:edited“事件中的一些

浏览 6提问于2016-11-03得票数 0

3回答

Leaflet单击事件无法仅侦听地图图层

javascript、leaflet、leaflet-draw

我的leaflet项目上有一些用户绘制的形状。当单击该形状时，另一个元素(如侧边栏)将打印出统计数据。如果我单击地图图层，该元素将被重置。我尝试使用map.on('click')事件，但它侦听所有用户绘制的图层以及地图层。我只想让事件监听地图层。= 'rectangle') //reset sidebar state} 我对事件做了哪些更改，使其只侦听地图层。有没有

浏览 166提问于2019-07-12得票数 0

1回答

有没有可能控制deck.gl上哪些层在前面？

deck.gl

在Leaflet上，当我从GeoJSON创建一个图层时，我有一种方法可以通过循环图层要素，然后使用像feature.bringToFront()这样的函数来控制在地图前面显示哪个图层。结果如下所示：然而，在deck.gl上，从GeoJSON创建图层后，很难区分地图前面的是哪个图层……下图是使用deck.gl而不是Leaflet制作的相同示例。我可以强制某些特定的功能出现在其他功

浏览 17提问于2021-10-29得票数 0

1回答

在gvNIX中使用新的JSON数据重新加载图层

json、layer、gvnix

我正在这个工具中冲浪，但我在用新数据重新加载现有图层时遇到了问题。我不知道如何使用js来做到这一点谢谢

浏览 8提问于2015-02-05得票数 0

2回答

我是一个初学者使用leaflet开发网络地图。我可以从地理服务器添加wfs图层到web地图。我正在使用leaflet来设置wfs层的样式。在我的html中，我有几个使用geojson格式的层和一个来自geoserver的WFS层。我的问题是，每当我向geoserver添加一个新图层时，我都想在不更新html的情况下在我的web地图中查看。是否有任何选项或方法可以在我向geoserver添加新图层时自动更新html文件

浏览 1提问于2015-05-14得票数 1

1回答

在折线上创建缓冲区- Leaflet

leaflet、buffer、polyline、turfjs、leaflet-editable

我正在尝试在我的地图上实现一个类似于Leaflet.buffer的缓冲区。然而，Leaflet.buffer似乎只与Leaflet.Draw一起工作。我正在使用Leaflet Editable来绘制我的图层，并且我有一条多段线，我想在其中添加一个缓冲区。然而，我找不到任何可以做这项工作的插件。我知道我可以用Turf@ buffer创建一个缓冲区： let lineString = turf.lineString(coordArr); let buffe

浏览 66提问于2020-06-13得票数 2

2回答

删除图层后，不会删除在leaflet.draw上绘制的标记

leaflet、leaflet.draw

我创建了一个简单的应用程序，使用leaflet draw添加点数。如果用户取消对话框，绘制的图层将被移除。但是，当绘制下一个标记时，先前取消的标记将再次出现。下面是一小段代码： // Create Leaflet Draw Control for the draw tools and toolbox draw : {

浏览 38提问于2020-10-06得票数 0

回答已采纳

1回答

当鼠标悬停在R中的小叶中的圆圈上时显示多段线

r、ggplot2、leaflet、r-leaflet

我有一张流程图-使用R中的宣传单m <- leaflet(AM_Peak) %>% addTiles('http://{s}.basemaps.cartocdn.com

浏览 1提问于2017-06-13得票数 3

1回答

是否在单击不同的geoJSON按钮时删除以前的HTML层？

javascript、html、leaflet

我有一张地图，上面显示了新西兰奥克兰的各种公共交通路线的geoJson图层。我已经向页面添加了一些独立于小叶地图的按钮，并且我只希望选择一个按钮，或者在单击其他按钮时移除先前的geoJson图层HTML: $(this).addClass('selected'); }); 到目前为止，这让我可以选择多个图层，但我不知道如何设置一个函

浏览 0提问于2019-04-23得票数 2

1回答

绘制单叶图层时Geojson结构与加载单叶图层时的结构不同

leaflet、geojson、leaflet-draw

我的web应用程序让用户使用Leaflet.Draw控件绘制形状，也可以从geojson文件加载形状。然而，这两种方法似乎生成了不同的geojson对象。 "_eventParents":{ } "_leaflet_id":2999,}leaflet.js:1

浏览 6提问于2019-08-21得票数 1

1回答

如何允许使用Leaflet.draw编辑特征/多边形？

javascript、leaflet、leaflet.draw

我有一个简单的.json文件，我使用leaflet将它绘制到地图上，现在它应该可以使用leaflet.draw工具栏进行编辑，并且当我们编辑(标记，多边形)时。应更新其json文件。

浏览 11提问于2017-06-15得票数 0

1回答

用户界面传单热插件与微软浏览器用户界面传单的冲突

heatmap、leaflet.draw、ui-leaflet

问题:当我同时使用插件、热和绘图时，我的webapp不再在微软浏览器上显示任何地图了(Microsoft，Internet 11)。我试着使用不同版本的这些插件的发布版本来让它在每个普通的浏览器上工作。当我把传单地图带回到Microsoft上时，热插件就不再起作用了(不仅仅是我，也不是Opera，火狐，GChrome)。总结:最新版本的ui-传单，传单，用户界面传单绘制和Leaflet.Heat一起工作良好的谷歌Chrome，火狐，歌剧院。但微软边缘的地图正在完全消失。使用Google、Firefox或Opera进行测试。

浏览 4提问于2017-01-07得票数 3

回答已采纳

1回答

Leaflet.js / Browser因缺少切片文件而返回500个内部服务器错误

javascript、leaflet

这个问题是添加运行时来加载所有图层的地图。例如: GET 500 (内部服务器错误) leaflet-src.js:2983 L.TileLayer.L.Class.extend.onAdd leaflet src.js:2508 L.Map.L.Class.extend._layerAdd lea

浏览 1提问于2014-06-19得票数 1

1回答

如何将创建的React Leaflet层发布到API？

reactjs、react-hooks、react-leaflet、react-leaflet-draw

我想在react-leaflet中绘制一个多边形，并将创建的层发布到API。除此之外，还有不同的任务保存在数据状态中。当前活动的任务保留在activeTask中。每次我发布一个图层时，我都想添加当前活动任务的taskId。问题是:当我发布图层和taskId时，taskId是空的。';import 'leaflet/dis

浏览 23提问于2021-09-14得票数 0

3回答

是否可以在Leaflet.Draw中设置大小和数量限制？

javascript、plugins、leaflet、leaflet.draw

这个问题针对的是Leaflet用户(以及那些使用Leaflet.draw插件的用户)…… 我正在使用Leaflet，并希望允许我的用户在地图的任何区域上绘制1个-并且只有1个-单个多边形。也就是说，我找到了Leaflet.Draw插件。这很棒，然而，我需要限制它的功能，以满足我的要求(一次只绘制一个多边形，特别是，尺寸不能太大)。这有可能做到吗？如果是这样的话，是怎么做的？

浏览 23提问于2013-07-10得票数 2

点击加载更多