如何使用 Leaflet.Draw GeometryUtil 计算多边形的面积
我阅读了关于如何计算多边形面积的这个答案，我正在努力实现同样的目标.但是，我始终得到该区域的 0(零). JS fiddle 这里.我的代码的症结是: var map = L.map('map').setView([19.04469, 72.9258], 12).addLayer(osm);var latlngs = [[19.04469, 72.9258], [19.07459, 72.
..
leaflet相关内容
从 GPS 捕捉到道路的 GEO 位置绘制路径
我在 DB 中记录了一些来自 GPS 的点，当我将其绘制为折线时，会形成一条丑陋的路径. 我尝试通过 google 服务制作 snap to road；它在小路径中获得了准确的路径，因为它只有 100 个点的限制，我有超过 900 个. 然后我尝试了 OSRM 匹配服务.它取决于 OSM 数据，但不像谷歌地图那样更新；该路线的原始点路径错误 有没有其他方法可以让它在正确的道路上顺
..
重写传单事件
我尝试重写boxzoom事件，像这样， map.on('boxzoomend', function(e) {console.log('end')}) 但是，boxzoom 仍然缩放，我不知道如何停止它，只是在控制台中打印文本.我希望将boxzoom重写为如下 停止缩放 在控制台中打印文本 你能提供重写事件的正确方法吗?谢谢. 解决方案 缩放不是在 boxzoomend 事
..
使用传单获取 geojson 大陆/国家/州的中心
有没有办法为由多个多边形对象组成的国家/大陆(例如美国、加拿大，除了主要陆地部分还有一个岛屿)找到一个中心?我试图使用传单的 Layer.getCenter() 甚至 Layer.getBounds().getCenter()，但这些方法肯定不适用于这类国家并返回“no-go"结果. 可以通过以下链接(传单游乐场)查看示例.只需滚动并单击美国或加拿大，然后查看 circleMarker 将出
..
包裹传单 - 地图不显示
我对与 Rstudio 一起使用的包“传单"有一些疑问. 我的问题是，底图没有显示.但是在查看器的底部写着“OpenStreeMap"，并且还显示了放大和缩小的选项. 有人知道这个问题吗? 库(传单)m 这里显示了简单的示例:https://rstudio.github.io/leaflet/ 解决方案 我有一个解决方案:如果我在 RStudio 中单击“在新窗口中显示"
..
如何将 map.locate 与 Polymer 1.0/leaflet-map 1.0 一起使用
我对 Polymer 和 Leaflet 的 web 组件都是新手. 我想要一个按钮来切换 Leaflet 提供的地理定位功能.在 Javascript/HTML/css 应用程序中使用 Leaflet 我会知道如何做到这一点，但我无法使用 Polymer 1.0 让它工作. 这是我的地图元素.我调用 map.locate 的尝试在元素注册中被注释掉了:
..
如何使用层应用传单标记集群
我正在尝试应用 Leaflet.MarkerCluster.LayerSupport.但我不知道如何使用它 :( 我已经阅读了有关但我尝试了很多次但它不起作用的文档. 这是我的代码 半岛
..
仅在顶角带有平铺层的传单地图
我正在使用 Ionic 5 和 Vue.js 开发一个项目，在我的一个屏幕中，我使用了一张几乎必须覆盖整个屏幕的传单地图. 我正在使用 vue 的传单库，我的代码如下所示: 但是，当我第一次加载屏幕时，我们在浏览器中重新加载选项卡，我的地图如下所示:地图图片 我尝试过使用 invalidateSiz
..
如何将 @angular/universal 与 Leaflet 一起使用?
是否可以将 Leaflet 与 angular/universal 一起使用?如何避免在服务器内构建 Leaflet? npm run build:prod dist 文件夹生成后.但是当我运行 node server.js 我得到以下错误: var requestFn = window.requestAnimationFrame ||getPrefixed('RequestAnima
..
如何使用 tabletop.js 将标记添加到传单地图?
我正在使用这个非常好的指南将标记从 Google 工作表添加到基本的 leaflet.js 地图:https://rdrn.me/leaflet-maps-google-sheets/ 问题是，使用这些代码片段，我在控制台中记录并返回了所有数据，但地图本身上没有出现任何点. 这可能是一些我看不到的非常基本的 JavaScript 问题.不好意思，还在学习. 这是一个 jfiddl
..
Leaflet GeoJSON 是否可以在线要素到达目的地之前对其进行裁剪?
有没有一种简单的方法来缩短 GeoJSON 图层上的线条? 我有一条线，它从 A 点到 B 点.我希望这条线在标记的半径处停止它的终点.那可能吗?有点像从线路终点/起点的偏移量. 这是一个例子: 我有 50 x 50 的图标，但是是半透明的(见图)，而且我有线条指向图标的纬度/经度，但我想在线条进入图标之前尝试裁剪或偏移线条，所以你看不到图标下的线.这可能吗? 如果这个问题
..
TimeSlider 插件和传单 - 标记未按顺序显示
更新了 JSFIDDLE 链接 我正在使用 LeafletJS 构建一个带有时间轴滑块的 web 地图.我正在使用 LeafletSlider 插件 来显示一组基于名为 DATE_START.这是我的数据对象的示例: var camps = {"type": "FeatureCollection",“特征": [{“类型":“特征"，“特性": {“状态":“无人居住"，"DATE_STA
..
在传单中设置图层的缩放级别
从这里继续查询: https://gis.stackexchange.com/questions/340223/leaflet-making-features-gone-when-zoom-out 我希望在缩小时完全消失一些图层. 我试过这样的: map.on('zoomend', function (e) {zoom_based_layerchange();});功能清洁地
..
Leaflet - 将控件放在 div 地图之外
我制作了以下应用程序:http://lae2.alwaysdata.net/carte/exppng/ 我想将我的两个控件(leaflet-control-zoom 和leaflet-control-layers)放在 div 地图之外.例如，我想在灰色区域内使用它们. 我想知道这是否可能:我寻找了一些技巧，但我没有找到任何东西...... 如果可以，你能帮帮我吗? 谢谢！
..
在传单地图中处理 ajax 请求
我有一个非常基本的传单地图，使用 leaflet-panel-layers 创建漂亮的图层控件.我有两个函数来创建我的图层和叠加层.我的数据在外部 geoJSON 文件中，这似乎是我的问题，因为传单没有提供任何东西来获取外部 geoJSON.我还使用 proj4leaflet 库来使用我的 json 中给出的投影.所以谷歌告诉我使用ajax，不幸的是我对此一无所知.我复制粘贴了这样的内容: 函数
..
react-leaflet:在渲染新标记之前清除标记簇
TLDR；有没有办法使用 react-leaflet 和 react-leaflet-markercluster 从标记簇中清除所有标记? 编辑:是的，有！我刚刚向 MarkerClusterGroup 添加了一个关键道具，正如@SethLutske 推荐的那样.现在，每次重新渲染地图时，之前的标记都会被移除，只保留新的标记. 我在我所在州的公安机关工作.有一个 API 可以从我所在州
..
禁用传单绘制“删除"按钮
如何禁用/删除 leaflet-draw 编辑工具栏中的删除按钮?“编辑"按钮应保持启用状态. 解决方案 关于禁用a工具栏项您可以执行以下操作: map.addControl(new L.Control.Draw({编辑: {特征组:drawedItems，删除:假}})); 这会添加一个没有删除按钮的新控制栏，但编辑按钮将保留
..
传单:如何在鼠标光标旁边显示纬度/经度?
我想在 .这个选项也应该可以切换为开/关. 一种选择是定义一个 CSS 框，该框将显示在地图顶部的光标旁边(该框仅在打开切换时可见).该框需要显示当前的纬度/经度以及随光标移动. 不确定如何在实践中执行此操作，我们将不胜感激. 解决方案 您可以编写一个处理程序，在 mouseover/mouseout 时打开/关闭弹出窗口并在 mousemove 时更新它: L.Curs
..
Leaflet js:如何在地图上绘制任何标记结束时获取 Lat 和 lng
我有一个很接近的代码，但我不确定，因为我是第一次使用 Leaflet js. 我的意图是:假设 Leaflet js 正在显示地图或非地理数据，并且我有一个 Leaflet js 相关的工具栏.工具栏有许多标记，如圆形、多边形、方形等.当用户单击工具栏上的任何标记开始在地图上绘制时，当标记的绘制完成时，我怎么知道? 我如何附加一个函数，该函数将作为绘图完成的回调，并且该函数还让我知道标
..
传单在按钮单击时打开特定标记弹出窗口
我正在尝试在某些事件(例如，按钮单击)上打开特定标记的弹出窗口.为此，我将 id 属性添加到标记并将所有标记存储在数组中.但是由于某种原因，当我尝试访问数组内的标记的 id 属性时，它是未定义的. var map = L.map('map').setView([51.505, -0.09], 13);变量标记 = [];var 标记 = L.marker([51.5, -0.09]);标记["i
..