Leaflet 传单:如何处理重叠线?

如何处理传单地图库中的重叠线 我从服务器sid下载geoJSON并将其绘制到地图上。如果有两个相同的条目,传单会将它们绘制两次。这可以通过在服务器端查找完全相同的副本来解决 但是,这对于共享同一空间的不同数据集不起作用。因此,两条线的部分都绘制在同一个点上。这些线的渲染似乎使用默认的传单多段线不透明度0.5。如果您自己在代码中实例化多段线,则可以通过以下方式覆盖不透明度以使线不透明: var myPolyLine = new L.Polyline( myPoints, { opacity: 1

Leaflet 地图框关闭图层

我有一组23个mapbox图层,可以独立地打开和关闭。我想包括一个主关闭所有切换。我怎样才能做到这一点?代码如下: var map=L.map('map',{center:[56.5,-1],minZoom:7,zoomControl:false,legendControl:true}); map.addControl(新的L.Control.ZoomMin()) var baseLayer=new L.mapbox.tillelayer('inosys.k52e98ob').addTo(ma

Leaflet 如何在dc.plicate.js中显示标记的值(总和)而不是计数

我想使用crossfilter的reduceSum函数dc.ployate.js,并显示总和,而不是聚集标记的数量 第一个使用reduceCount。此外,它不使用减少的值;它只显示群集中标记的数量 我想使用reduceSum来计算数据的总和 以下是我的tsv数据: type geo say wind 38.45330,28.55529 10 wind 38.45330,28.55529 10 solar 39.45330,28.55529 10 这是我的密码: <script type

Leaflet 如何在GeoJSON中使用单点+;多边形?

如何将点作为单个要素添加到多边形中?根据GeoJson规范,这被称为“GeometryCollection” GeometryCollection'示例: 我尝试向多边形要素添加一个点,但无法在mapbox地图上显示,因为我猜它是无效的GeoJson 有人知道这样做的正确方法吗?网络上的例子不多。 我的看法: 我不确定您实际想要实现什么,因为您说要创建geometrycollection,但在您的示例中,您创建的featurecollection与目前为止的不一样 featurecollecti

Leaflet 如何将传单/地图框中的初始缩放设置设置为分数?

我在用这个 map('map-canvas','mapbox.streets',{legendControl:{position:'bottomright'}}).setView([1.35103.8],11) 你可以看到最后的11是缩放因子,11对我的div来说有点大,当我尝试10时,它变得有点小了。我使用了10.x,但是地图的行为发生了变化,只显示了中间地图的一部分。 如果您知道其他可以帮助我设置初始缩放设置的方法,请回答。谢谢我相信当前的L.mapbox版本基于传单版本0.7,它不支持分数

Leaflet GeoJson数据在地图外呈现

我尝试使用geojson数据在地图上放置点。当我通过验证器运行geojson数据时,这些点出现在北极圈上方的地图边缘,我不知道为什么。我计划将这些数据用于传单地图和angularjs构建的项目。如果有人能在下面我的geojson代码中添加关于任何问题的见解,或者在使用传单和angular时需要注意的事情,我将不胜感激!谢谢 这是我的geojson代码 {"type":"FeatureCollection", "features":[ {"type":"Feature", "geometr

Leaflet Mapbox:过滤出传单杂食KML层中的标记

我将Google Directions路线导出为KML,并通过使用Omnivore读取并将其添加到地图中,将其显示在地图盒地图上 Google KML将每条路线存储为两个位置(起点和终点)和一个行字符串(路线)。在Mapbox中,我只想显示路线,即以某种方式过滤掉标记。我在自己的数据库中显示标记,谷歌标记把它弄得乱七八糟 这是我的密码。我更改了线串的样式,只是为了表明我可以,但不知道要做什么魔术调用才能不显示点。 谢谢 欢迎来到SO 许多可能的解决办法: 与您提供的代码相比,当您获得一个“点”

Leaflet 未找到HTTP 404资源-Grafana世界地图插件自定义标记

我正在尝试使用自定义标记和Grafana世界地图插件使用传单JS库。但是,即使在我将自定义标记图像放入源目录后,我仍然会得到下面的错误- http://localhost:3000/datacenter.png 404 (Not Found) 我的代码如下所示- var dataCenterIcon = window.L.icon({ iconUrl: 'datacenter.png', iconSize: [38, 95], // size of the icon

Leaflet 单张js在一个坐标中处理许多标记

我正在使用传单JS和传单JS标记聚类来显示我的朋友住在哪里。问题是他们中的一些人住在同一所房子里,所以多个标记的坐标是相同的。当有50多个朋友住在同一个地方时,问题就会发生 是否有任何方法可以隐藏标记,当单击集群时,它将显示一个包含所有名称的表 我的添加标记代码: export function markersFromData(map, markers) { return (data) => { const markerList = []; data.map((v) =

Leaflet 设置dashArray时如何设置双色传单多段线?

使用传单多段线创建多段线时,请使用[12,12]设置dashArray选项,将该线分成两部分 然后,如何设置这两部分的颜色。一个是使用选项color,另一个我无法设置 var polyline = L.polyline([...], { weight: 5, dashArray: [12,12], color: '#ffffff' }); 谢谢您的帮助。使用虚线多段下方的第二种颜色(无虚线)绘制另一条多段线。谢谢,它可以工作了。

Leaflet 单张突出显示多段线的一部分

在传单.js中,我在openstreet地图中有多段线: 点1(长,横向),2(长,横向)…点XY(长,横向) 无论如何调用,都可以(以及如何)高亮显示或更改从点2到点5的仅颜色段。 我尝试添加另一条多段线,但随着线段的增多,它会与越来越多的双面点混淆 工作样本: 我正在寻找[40,10]、[10,10]、[10,30]红色之间的转弯段。如果可能,通过索引[2,3,4] 感谢您的帮助您可以尝试使用GeoJson图层突出显示一行。只需确保geojson坐标为LngLat格式 var map =

Leaflet 传单绘图插件:如何获得矩形的对角线板条

我想得到格式为“[51.49,-0.1],[51.48,-0.06]”的矩形的lat-long。仅表示对角线lat-long 我正在使用getLatLngs()。它给出了矩形的所有四个坐标 if (type === 'rectangle') { pt = layer.getLatLngs(); } 您可以使用getLatLngs(): 或者您可以使用getBounds(): 谢谢..getBounds方法有效 var latLngs = rect.getLatLngs(); var d

Leaflet 是否可以在Geoserver中设置WFS以服务XYZ端点?

我想知道是否可以将GeoServer WFS配置为以以下格式提供磁贴: 'http://{s}.host:port/geoserver/…/{z}/{x}/{y}.json' 我想做的是使用“”插件。 提前谢谢你的帮助 是否可以在Geoserver中设置WFS以服务XYZ端点 不,您需要使用类似的工具来完成此操作。谢谢,我将尝试设置TileStache。

Leaflet 如何在末端边缘为圆形的传单中制作多段线

我正在我的传单地图上画一条多段线。为了我的目的,我将笔划宽度保持在较高的位置。但是有了这么大的笔划宽度,我看到多段线在拐角处是圆角的。但我不想要圆边。下图显示了圆角。如何使边为矩形,使线看起来像矩形 下面是我用来生成多段线的代码 var pointA = new L.LatLng(lat1, lon1); var pointB = new L.LatLng(lat2, lon2); var pointList = [pointA, pointB]; var broke

Leaflet 确定点是否位于传单多边形内

假设我使用传单绘制一个多边形,如以下演示中所示: 我的问题是如何确定给定点是否位于多边形内部。使用光线投射算法检查点(标记)是否位于多边形内部: function isMarkerInsidePolygon(marker, poly) { var polyPoints = poly.getLatLngs(); var x = marker.getLatLng().lat, y = marker.getLatLng().lng; var inside =

Leaflet 传单如何在单击标记时设置中心地图

我遵循这个示例,当我单击marker时,我希望地图平移到marker并设置位置中心屏幕,我的代码在下面,但当我单击map.setView(新的L.LatLng(位置),5)时; 它不起作用 function markerFunction(id){ for (var i in markers){ var markerID = markers[i].options.title; var position = markers[i].ge

Leaflet 根据一天中的时间更改底图?

根据一天中的时间,如何更改传单/mapbox应用程序中的底图字符串?我想为当前用户创建一个在世界地图上显示当前昼夜划分的基本地图 你可能想明确你在这里寻找什么。如果您试图根据昼/夜终止线对地图进行着色,则会出现一个阴影。如果您试图根据时间和用户位置更改底图(白天显示一组瓷砖,晚上显示另一组瓷砖),您可能可以使用,例如,计算太阳何时在地平线上,并基于此切换瓷砖层。nathansnider-我认为您完全理解。回答得好!这正是我所希望的!迫不及待地想应用这个。非常感谢。

Leaflet 使用geojson功能的传单.bindLabel

我是新来的传单,我想添加标签到我的点地图功能衍生自geojson格式 我得到的错误是:TypeError:layer.bindLabel不是此脚本中的函数(取消注释第129行) 有人能提出一个解决办法或更好的方法吗 谢谢 geojsonLayer = L.geoJson(geojson, { style: function(feature) { return { color: feature.properties.GPSUserColor }; }, po

Leaflet 单张画在矩形画上它抛出错误

我在一个有角度的应用程序中使用传单+传单绘制+@ngx传单+@ngx传单绘制 我尝试了一切,版本更改,导入模块.forRoot(),而不是,在我的angular.json文件中添加js文件,删除节点模块,重新安装,按照@ngx传单上的指南从无到有地绘制了100次 无论我做什么,当我尝试绘制一个矩形时,它总是抛出以下错误: 即使处理程序存在并且除了矩形处理程序(我唯一需要的处理程序)之外,所有处理程序都能完美工作 如果不是为了这个,我甚至不知道如何向您提供更具体的信息: 传单:1.5.1 传

Leaflet 单张驾驶活动

我试图在使用鼠标滚轮时触发事件: map.on('mousewheel', function() { alert('foo'); }); 但这似乎不起作用,“轮子”也不起作用。有什么想法吗?你可以从地图容器上的鼠标滚轮事件中获得灵感并聆听。比如: L.DomEvent.on(map.getContainer(), 'mousewheel', function() { console.log("zoom", map.getZoom()) }); 还有一个演示 var-map

Leaflet 如何修复从GeoServer使用传单的TileLayer.NoGap和样式化WMS图层时出现的错误?

一个政府机构有一个WMS层,我想在我的传单画布上展示它 我添加以下代码: var wmslayer = L.tileLayer.wms('http://localhost:8080/geoserver/depo/wms',{ layers:'nep' }).addTo(mymap); 这个很好用。将显示该层。现在,图层有两种样式:亮背景和暗背景。当我在QGIS中打开图层时,我可以选择并添加任何样式的图层。但当我在代码中添加样式时:“黑

Leaflet RubyonRails 6-传单-iPhone上未显示开放街道地图

我正在尝试在Rails 6应用程序上运行带有开放街道地图的传单 由于我已决定通过运行纱线添加传单添加传单.js,所以我不使用gem“传单轨道” 为了能够添加CSS部分,我最后添加了传单-快速入门指南中推荐的链接rel=“stylesheet” 该应用程序只需获取您的坐标,并在地图上用这些坐标放置一个标记。简单。 目前,一切正常,只有一个小问题。我在任何iPhone或iPad上都看不到地图。它将获取我的坐标,放置标记,但不显示地图。 我甚至不能在我的本地主机(Inspect Element-on

Leaflet WMS对Geoserver的调用返回奇怪的块平铺

我正在对Geoserver进行WMS调用,并调用我的一个层。但是,我放大传单地图上的图层,返回的瓷砖是一个奇怪的彩色块: 当我处于全国范围的缩放级别时,我使用的图像在地图上渲染得很好,但只要我放大其中一个图标,我就会看到上面的内容 有人知道为什么会这样吗?对于Geoserver,这是我的样式(XML)的一个例子——这可能是我的问题的根源吗 <FeatureTypeStyle> <Rule> <Name>51-75%</Name&

Leaflet 传单1.7.1移动错误弹出窗口

我正在使用1.7.1制作新的传单地图。 我注意到在我的移动设备浏览器(Safari和Chrome)上,弹出窗口在闪烁(不显示/不显示)。我用手机在传单网站上尝试了他们的一个例子,例如在他们的主页上,我面临着同样的问题。这是我的手机还是这个问题已经知道了?经过更多的研究。。。我发现这是一个真正的错误。 通过注释JS文件中的以下代码行,可以解决问题 // simulate click if the touch didn't move too much // if (t

Leaflet 如何读取填充多段线下的板条?

我需要知道(用鼠标单击)多段线下的坐标 无法隐藏多段线(无mymap.removeLayer(LayA/B)),多段线必须保持填充状态(如有必要,可以临时隐藏其弹出窗口) 感谢能帮助我的人 下面是一个示例: <!DOCTYPE html> <html> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integ

Leaflet 在JS中绘制140K点

我是新手。我们在cesiumjs上工作了一段时间,现在我们正在尝试传单。切换的主要原因是看是否存在巨大的性能差异 在铯原子中,我绘制了一组原始点。用JS绘制140K点的最有效方法是什么?使用标记或创建单个小圆圈 我也在考虑使用集群插件(),因此请分享关于性能的任何想法。您有两个常见选项: 在基于画布的层中显示点,例如使用圆标记和强制而不是SVG(另请参见)。即使在画布上,圆圈标记仍会发出事件,因此您可以检测“单击”等 用一个,比如你提到的。它可以处理您的140k点数,这取决于客户端的计算机性能

Leaflet 单张及;映射框:OpenPopup不工作

我对传单openPopup方法有异议 showMap = function(elements) { var jsonp = 'http://a.tiles.mapbox.com/v3/blahblahblah.jsonp'; var m = new L.Map("my_map").setView(new L.LatLng(51.5, -0.09), 15); var geojsonLayer = new L.GeoJSON(); var PlaceIcon =

Leaflet Can';没有传单panTo选项';持续时间';做好本职工作

以下说明无法按我的预期工作: map.panTo(e.latlng, {animate: true, duration: 1.0}); 我尝试了不同的值:0.5、1.0、10.0、1000.0、1、10 但是平移速度也一样快 有什么想法吗? 谢谢 您确定使用的是最新的传单版本吗?我刚刚在0.6.4中尝试了这段代码,它工作得非常好,正如预期的那样缓慢地平移: map.on('click', function (e) { map.panTo(e.latlng, {animate: true,

Leaflet Newbe关于从多边形形状文件到传单多边形的帮助

学习传单。在点数据方面取得了成功。现在要创建多边形 该过程从带有包裹标识号的访问记录开始。使用ArcMap desktop,记录将连接到县的地块形状文件 从这里获取传单多边形的最佳方法是什么?与点数据一样,是否需要添加字段以包含纬度/经度数据 我不需要太多细节;只是一个指向正确方向的指针。我不介意做家庭作业。我的方法是将shapefile转换为geojson,然后将geojson加载到传单地图中 我知道有一些ArcGIS插件可以导出geojson,但另一种方法是使用命令行工具 有关更多详细信息,

Leaflet 单击按钮时移动视图区域

这件事让我毛骨悚然 我有一个地图,当一个按钮被点击时加载,我希望它在其他按钮被点击时将地图移动到一个新的区域。但是,如果单击另一个按钮,则会出现错误“映射容器已初始化” 我尝试在那里添加一个条件,如果地图已经加载,则平移到一个新位置,但是我得到“无法读取未定义的属性”panTo 以下是地图加载功能的外观: function getMap(selectedArea) { if ( mapLoaded ) { map.panTo(selectedArea, 10); } else {

Leaflet 使用传单显示多段线长度(英尺)。绘制工具栏

我正在创建一张地图,用户可以使用“单张.绘制”工具栏在上面绘制线条。我希望线路的运行距离以英尺/英里为单位显示,而不是默认的码/英里。查看GitHub中的项目,在我看来,以下代码应该可以做到这一点: var drawControl = new L.Control.Draw({ draw: { polyline: { shapeOptions: { co

Leaflet 传单JS+;传单.Deflate-将默认标记图标更改为自定义图标

在我之前的帖子中 “我能够解决我在库中遇到的一个问题,并在达到某个缩放级别时将多边形形状更改为标记图标 “Ivan Sanchez”建议我使用“”插件,这就像一个符咒,所以现在各种形状在某个zoomlevel后被转换成标记,但是现在我正在努力将默认传单标记图标更改为自定义标记图标,所以我现在的问题是: 在使用“”和“”插件时,是否可以将默认标记图标更改为自定义标记图标,最好的方法是什么 我想制作一个JSFIDLE,但JSFIDLE不允许我附加包含shapefile的zip文件,因此我将在下面发布

Leaflet 在传单上获得高度

我想知道是否有一种方法可以在传单上得到我目前所在位置的海拔高度,比如纬度和经度 this.marker = leaflet.marker([e.latitude, e.longitude]).addTo(this.map); 可能重复的

Leaflet 如何添加多组标记?

我需要在我的地图上绘制多层图标。必须通过单击选项面板来渲染或不渲染该图标的每组。 我找到了所有显示如何添加单个标记或一组标记的示例,但没有找到关于多个组的示例 我正在使用Asymmetrik/ngx传单,但我认为我缺少的概念适用于所有实施 markersLayersLev_1: Marker[] = []; markersLayersLev_2: Marker[] = []; markersLayersLev_3: Marker[] = []; 如何将这些“层”以单独的方式放置在地

Leaflet 使用传单放置自动完成:定制设计?

有一个用于传单地图的插件,该插件添加了一个按钮,该按钮指向一个搜索栏,其中包含位置自动完成()。如何从插件中获得自动完成功能,并使用自己的自定义搜索栏?传单。GeoSearch非常适合您的需要。您可以将其与传单(检查演示)分开使用,也可以在传单中使用。它支持以下数据提供程序(但可以轻松扩展): Esri 开放式街道地图 谷歌 宾 位置IQ 露天笼 GitHub: 演示: 注意:我没有以任何方式连接到创建者,只是一个快乐的用户,正在考虑将其添加到这里作为提供者 在传单的插件页面上,您还可以使用

Leaflet 使用单张geoman在多边形中切割孔

我正在使用神奇的“传单几何人”来绘制和编辑几何图形,但在理解刀具的工作原理时遇到了困难。如何获取已剪切图层的几何图形 这是我的代码: mymap.on('pm:create', function(e) { e.poly; var type = e.layerType, layer = e.layer; $(document).ready(func

Leaflet 传单中WMS瓷砖之间的转换

我使用传单通过proxy.php(用于身份验证)显示WMS层。这在大多数WMS层上都适用。但我有一些WMS来源,它们在瓷砖上有一个小的变化。请参见示例中的覆盖贴图 var map1=L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{ maxZoom:30, maxNativeZoom:18 }); var map4=新的L.tileLayer.wms(“https://entwicklung.firetab.ch

Leaflet 将地理坐标列表转换为地址

我正在开发一个路由程序,该程序向客户发送一个大的地理坐标列表,我根据该列表在地图传单上绘制路线。我想知道是否有一种方法可以快速获得所有这些坐标所在的街道名称 我知道Google的API可能是一个解决方案,但我正试图避免它,因为请求的数量有一些限制。此外,我一直在使用MapQuest的API单击地图并检索所单击位置的地址,但是,对于一个gps坐标,延迟可达1-2秒。而对于一个大的列表,延迟可以达到分钟,这对我一点帮助都没有 你知道其他的解决方案吗?我需要不到1秒的结果。你应该使用地理编码。有一些类

Leaflet 基于自定义标记的单张聚类

我只是从传单开始。我的问题是,如何对添加到地图中的自定义标记进行聚类 var LeafIcon = L.Icon.extend({ options: { iconSize: [38, 95], shadowSize: [50, 64], iconAnchor: [22, 94], popupAnchor: [-3, -10] } }); var greenIcon = new LeafIcon({iconUrl: 'htt

Leaflet 传单地图有问题(获取地图盒)

我正在尝试将传单地图添加到我的网页,我正在使用Mapbox瓷砖。我无法在基础教程中使用地图,我看到的只是一个灰色屏幕。我从mapbox中获得了一个mp id,并将其添加到我的代码中。请在下面附上相关代码 var map = L.map('map').setView([51.505, -0.09], 13); L.tileLayer('http://{s}.tiles.mapbox.com/v3/rakshak.l937n12c/{z}/{x}/{y}.png', { attrib

Leaflet 巨大的地理信息系统数据需要用传单在地图上显示

我有一个巨大的数据库中的GIS数据。我正在获取这些数据,并在查看地图之前将其转换为geoJson文件。我正在获取所有数据以满足要求,这需要很多时间。是否有任何方法加载用户正在查看的特定地图窗口的数据,并且仅使用传单库加载同一窗口的相应GIS数据 在我的例子中,我使用谷歌地图在地图上显示一个国家的停车位(GIS数据)。是的,您需要编写一些代码,以便仅从服务器获取特定数据。看看下面几行是否能帮到你 //每当拖动或缩放完成时,触发函数以获取新数据 地图('dragend',getData)//传单活动

Leaflet Geodjango OGR故障问题-GDAL异常

我已经完成了django中模型的构建,但一旦添加数据并单击save我的应用程序崩溃 我得到GDAL exception-OGR Failure,它在崩溃页面“{field.field}}”中突出显示,作为错误的原因。 这是屏幕截图 有人经历过吗?有什么帮助吗 谢谢 更新: 我得到了这个错误: [12/Apr/2019 14:38:46] "GET /static/admin/img/gis/move_vertex_off.svg HTTP/1.1" 200 1129 [12/Apr/2019

Leaflet 传单地图上下文菜单位置

在传单地图中,鼠标右键单击,关联菜单显示在地图上光标的右侧。现在,我们的应用程序与从右到左的布局(阿拉伯语)兼容。我们现在需要在光标左侧显示上下文菜单。我们正在使用“leaft contextmenu”。有什么简单的方法可以做到这一点吗

Leaflet 全屏打开Leaftlet上的引导模式

我用的是Boostrap 4和传单 在传单上, 我可以通过点击弹出窗口打开模态 单张全屏播放 莫代尔也开得很好, 但是在地图后面 是否可以全屏显示并在地图上打开模式 我试过了 -全屏删除类名传单的步骤 $('#map').removeClass('leaflet-fullscreen-on'); 要更改模态的z索引,请执行以下操作: $('#modal').css('z-index',100000) 无功而返 有人知道吗 附言: 对不起我的英语,我是法国人 使用Bootstrap 3和li

Leaflet 减少坐标中的位数?

我是新加入这个论坛的,希望能在传单上得到大家的支持。我使用它作为我正在使用的web的一部分,我想减少从源代码中自动获取的“小数”的数量 我已经尝试了.toFixed()函数,但它似乎根本无法识别。因为这个数字太长了,我注意到传单不能按照我的要求绘制地图。因此,我想将这个数字减少到传单允许的最大容量 我的实际代码给出如下值: 40,4560796748558, -3,5703805143365 函数lang()返回以下错误: Uncaught Error: Invalid LatLng obje

Leaflet 如何向传单地图添加全屏控件

我想将全屏按钮添加到我的传单地图中,我在github中找到了这段代码,但当我单击他们提供的html文件时,这段代码不起作用,只是地图上没有任何全屏按钮,这是脚本: 谁能帮帮我?从开始

  1    2   3   4   5   6  ... 下一页 最后一页 共 28 页