草庐IT

leaflet.markercluster

全部标签

javascript - Leaflet getBounds() 返回大于 180 的经度

我提出了一个问题,作者在Github上关闭了它,但我仍然没有结论。经度范围从-180到180。但有时,Leaflet从getBounds()返回经度,如474.2578215,当然我的数据库中没有任何返回。有人告诉我:这是有意为之的行为。当您将map缩小得太远和/或将map拖到世界的另一个副本时会发生这种情况,并且默认情况下不会包裹getBounds经度。您可以使用LatLngwrap方法来获得您想要的东西——例如bounds.getSouthWest().wrap().好的。所以我在那里添加了wrap方法,并返回了正确的数据,但现在map上不会显示任何标记。这可能是由于标记位置不在那

javascript - leaflet Js 自定义控制按钮添加(文本、悬停)

我关注了thiscontrol-button-leaflettutorial它对我有用。现在我想:当我将鼠标悬停在按钮上时显示一些文本(就像使用缩放按钮一样)将鼠标悬停在按钮上时更改按钮的颜色能够在按钮而不是图像中写入文本。代码如下:varcustomControl=L.Control.extend({options:{position:'topleft'},onAdd:function(map){varcontainer=L.DomUtil.create('div','leaflet-barleaflet-controlleaflet-control-custom');contain

javascript - 如何使用 leaflet.draw 从多边形获取区域字符串

我正在尝试获取多边形的面积测量值,以便我可以将它们列在map一侧的表格中,紧挨着多边形的名称。这是我尝试过但没有成功的方法:$("#polygon").on("click",function(){createPolygon=newL.Draw.Polygon(map,drawControl.options.polygon);createPolygon.enable();}varpolygon=newL.featureGroup();map.on('draw:created',function(e){vartype=e.layerType,layer=e.layer;if(type===

javascript - 在 Leaflet LayerGroup 中查找特定图层,其中图层是多边形

我正在尝试像这样定义一堆Leaflet多边形:varpoly=newL.Polygon([[10.1840229,36.8906981],[10.1840393,36.8906669],[10.1840989,36.8906868],[10.1840826,36.890718],[10.1840229,36.8906981]],{'id':'someId'});然后我将这些多边形分组到一个GroupLayer中:vargroup=newL.LayerGroup([poly1,poly2,...,polyn]);group.addTo(map);我可以使用group.getLayer()

javascript - 从 Leaflet.js 获取 map 坐标?

我正在尝试使用Leaflet获取用户右击某处的map坐标。我一直在研究LeafletAPI,到目前为止,我发现我需要监听contextmenu事件并使用mouseEventToLatLngmethod单击时获取坐标。但是,当我检查并调试我的代码时,我在任何地方都看不到可访问的latLng变量。我错过了API中的某些内容吗?functionsetMarkers(){document.getElementById("transitmap").addEventListener("contextmenu",function(event){//Preventthebrowser'scontext

javascript - 如何使用 Leaflet API 从纬度和经度坐标检索 LayerPoint (X, Y)

如果我使用以下代码从指定的Lat/Lng获取LayerPoint:varlatLng=newL.latLng(-37.81303878836989,144.97421264648438);varpoint=map.latLngToLayerPoint(latLng);输出如下:o.Pointx:86042y:77065然后,当我尝试使用以下URL访问图层图block时:http://a.tile.osm.org/10/86042/77065.png我收到404,因为它是无效的X、Y。现在,如果我使用以下代码:map.on("click",function(e){console.log(

javascript - Leaflet.Draw矩形的坐标

是否可以在鼠标点击时获取矩形的坐标,从而得到矩形的所有Angular? 最佳答案 查看事件对象(http://leafletjs.com/reference.html#event-objects):varmap=L.map('map').setView([53.902257,27.561640],13);L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);varbounds=[[53.912257,27.581640],[53.902

performance - 带有矢量图层的 Leaflet.js 非常慢

我玩过leaflet.js,发现它对于一个包含大约200个圆圈的简单矢量图层来说非常慢。第一页加载需要几秒钟,而且或多或少无法缩放或滚动map,页面的react非常慢。由于我见过更复杂的传单示例,我很确定我做错了什么。这是我的测试页面的代码:varpoints=[[48.538385,11.166186],...];varmap=L.map('map').setView([51.0,10.20],6);mapLink='OpenStreetMap';L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{attr

javascript - 你如何在 leaflet.js 中使用 .off() 事件方法?

我正在尝试使用leaflet.js构建map应用程序,但我不知道如何使用.off方法。该文档没有任何示例,我似乎无法在网上找到任何其他地方。我已将问题提炼成更简单的代码块,这样我的问题就更清楚了。基本上我已经设置好了,当您点击“启用点击”链接时,它会添加一个事件监听器,每次您点击它时都会向map添加一个标记。当您单击“禁用点击”时,我想删除该事件监听器。Hereisalinktothedemo这是我现在的代码。$(document).ready(function(){varmap,cloudmade,sanAntonio,polygonPointsmap=newL.Map('map')

javascript - Leaflet Mouseout 调用 MouseOver 事件

我有一张传单map,我在其中动态添加标记。除了单击标记时,我还想在将鼠标悬停在标记上时调用标记的弹出窗口。我的代码是:functionmakeMarker(){varMarker=L.marker...Marker.on('mouseover',function(){Marker.bindPopup('HI').openPopup();});Marker.on('mouseout',function(){Marker.closePopup();});}如果我注释掉mouseout行,则会出现弹出窗口,但我必须单击别处才能关闭它。问题是当我放入mouseout时,当光标悬停在标记上时,光