Questions tagged «leaflet»

用于移动友好的交互式地图的开源JavaScript库

2
Leaflet的免费磁贴提供商
我将Leaflet用于我的网站地图。到目前为止,我使用的是Mapbox地图(很酷),但显然,他们每月为拥有100,000张以上地图的网站收取费用。 我正在尝试寻找瓷砖供应商,这些瓷砖的供应商不收取任何费用。最初,我使用OpenCycleMap进行此操作,并替换为 https:// {s} .tiles.mapbox.com / v3 / {id} / {z} / {x} / {y} .png 与 http:// {s} .tile.opencyclemap.org / cycle / {z} / {x} / {y} .png 两个问题: 1)OpenCycleMap是否提供每月没有地图限制的免费图块? 2)有人认识其他免费提供者吗?

4
根据边界框动态设置缩放级别
我有一个传单地图,其大小取决于浏览器窗口的大小。我希望动态选择缩放级别,以便在显示整个边界框的同时尽可能放大。 现在,我只是对缩放级别进行了硬编码,并根据平均点数获得了中心点。 map = new L.Map('map', { center: new L.LatLng( latitudeSum/locations.length, longitudeSum/locations.length ) zoom: 9 }) 相反,我想给它一个边界框(两个岛),并根据窗口的大小选择缩放级别。
13 leaflet 

1
如何在Leaflet中获得layerGroup的边界?
首先,将多个geoJSON图层添加到我的地图,方法是将它们添加到LayerGroup,然后将layerGroup添加到地图。 现在我想用所有图层的合并边界在地图上调用fitBounds,问题是layerGroup没有getBounds方法 我能做什么?
12 leaflet 

1
向Leaflet.js示例添加搜索框
考虑下面的Folium链接中的示例:每个县的美国就业可视化。 结果如下所示: 我想在其中添加一个搜索框,以便能够按城市搜索,并使其可视化放大和/或围绕其居中。我该如何添加这样的搜索框?是否可以在HTML文件中添加此功能?
12 leaflet  search 


3
如何从Geoserver WMS获得Leaflet交互性?
我有geoserver将Shapefile作为WMS提供给Leaflet。 我想添加交互性,当用户将鼠标悬停或单击WMS功能时,它会在Leaflet映射中显示带有WMS属性的弹出窗口。 我已经看到了蜡/小叶的交互性,但是使用WMS和Leaflet可以吗?
12 geoserver  wms  leaflet 


5
|超过180 |时计算正确的经度?
我正在尝试开发一种“公式”以更正lat-lng值。 我正在使用vue传单,但是当您在“第一个”世界之外平移时,您会得到很多。大于+180或小于-180。 例如:当我向右平移(向东)到美国时,我的报酬是ng 215。 215-360=-145 当我向左平移东俄罗斯(西方向)时,例如得到-222,情况也是如此。现在我需要计算-222+360=138 但是,由于世界是不确定的,因此用户可以平移到第八世界,因此我不得不调整值。 是否可以计算正确的经度?(另一个要求是,当用户在第一世界时,24 lng应该仍然是24 lng。

4
如何从其标记更新弹出内容?
我这样做是用Leaflet创建了一个弹出窗口: marker.bindPopup(content).openPopup(); 之后如何更新content值? 我想从标记中执行此操作,如下所示: marker.updatePopup(newContent);
11 leaflet  popup 

1
传单的替代底图
我对创建一个Web地图应用程序感兴趣,该应用程序将在上面显示我的国家的地图以及各种文件(.tif,shp)作为图层,因此我决定在Leaflet上构建它。 因此,当我开始时,我使用来自OpenStreetMaps的标准地图,并使用以下代码: var map = L.map('map').setView([50, 9], 10); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors', }).addTo( map ); 但是,我的主管说该地图“太详细了”,因此我们正在寻找一个替代性的基础地图,它不太详细,可能会有所帮助。 那么,有没有其他免费地图来源,例如我可以使用的OpenStreetMaps?



5
引导程序中调整传单地图的大小
我一直在尝试将我的传单地图的高度更改为引导程序内的某个百分比,但是每次我做时地图都不会绘制。因此,我总是必须恢复为px值。我很确定这是我是CSS新手,因此我不希望使用的简单设置。这是我的CSS。 <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } #map { height: 75%; } </style>

2
传单:如何移动图层控制菜单?
这可能是一个愚蠢的问题,但我找不到实现此目的的文档记录方式。 我想自由地将图层控制菜单放置在默认放大/缩小按钮附近的左上方。 我的图层控件如下所示: // Group layers as overlay pane overlayPane = { "Endpoints" : endpointMarkerLayer, "Links" : linkLineLayer }; // Add a layer control element to the map layerControl = L.control.layers(null, overlayPane); layerControl.addTo(map); 其中endpointMarkerLayer和linkLineLayer是分别包含标记和折线的图层。 是否有选项指定菜单应出现的位置?或者,如何获取对控制菜单的DOM-objcet的引用,以便可以为其分配自定义类并覆盖CSS中的定位?
11 layers  leaflet 

1
在R传单中包含风数据的交互式动态地图?
我有一些这样的数据: longitude latitude speed direction 1 6.10722222 46.23639 4 360 2 6.95416667 43.54694 4 360 3 7.21472222 43.66556 13 330 4 4.01666667 48.32167 7 290 5 2.30833333 43.21611 14 290 6 2.48305556 44.40806 13 320 7 5.21500000 43.43694 19 330 8 4.92361111 43.52278 32 320 9 5.10805556 43.60306 26 330 …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.