Questions tagged «leaflet»

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

6
如何在OpenLayers / Leaflet中创建动画群集标记?
由于Openlayers似乎无法比拟的平滑过渡,我想使用Leaflet。我特别需要能够将标记与自定义样式的标记组聚类的功能。 可以在Redfin上找到证明我正在努力实现的最佳示例。 请注意,将鼠标悬停在群集上可提供流畅的动画,并通过单击标记将群集分割成动画效果。当达到单个点不与给定公差重叠的缩放级别时,实际标记将以动画方式拆分到其位置。 我真的很想将类似的效果整合到其中,并希望就最佳方法或您可能知道的其他示例提供一些指导。 注意: Redfin似乎正在使用Flash,我想远离它。在理想的情况下,我想尽可能通过Javascript实现此功能,但认为可能需要通过HTML5 / canvas完成。 也许使用p。-Raphael.js或d3.js 有任何想法吗? 顺便说一句-找到了这个例子,但它似乎特别适用于Google Maps。


5
GeoJSON太庞大-怎么办?
我正在使用leaflet.js允许网络用户选择区域。有效区域是美国各州,加拿大的天意和世界国家(美国和加拿大除外)。我自己使用Qgis构造了一个shapefile,并将其保存为geojson。我尽可能地简化了几何形状。 生成的shapefile为400kb,但geojson超过一兆字节。这比我想要的要大。我需要减少传输此信息所涉及的网络开销。 什么是正确的方法?我可以想象的选项是: 将geojson文件压缩后,在客户端上解压缩。 将客户端上的shapefile解析为geojson 从shapefile生成我自己的图块并为这些图块服务 如果有人能告诉我哪个选项是最好的(或以上都不是),我将不胜感激!


1
如何使用单张图层控件添加/删除图例?
我有两个叠加层http://02d0c8c.netsolhost.com/dev/lcb_census_layers3.html,可以使用图层控件打开和关闭它们。我希望每个图层的图例与图层一起打开/关闭。 我是JavaScript新手,还是Leaflet新手。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Lake Champlain Basin Census Data</title> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css" /> <!--[if lte IE 8]> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.ie.css" /> <![endif]--> <style> #map { width: 750px; height: 580px; } .info { padding: 6px 8px; font: …


3
单击带有Leaflet和geoJSON的事件
如何将click事件附加到geoJSON,然后在单击时执行Ajax函数。我调查了一下,onEachFeature但是它是在加载geoJSON时执行的,而不是在单击时执行的,因此执行了大量的ajax调用!
18 leaflet  geojson 

2
传单:容器坐标与图层坐标?
地图容器坐标和图层坐标有什么区别? 从我收集的数据来看,地图容器坐标总是相对于地图视口,而图层坐标总是以与容器坐标相同的值开始,但是一旦平移地图,它们就会改变。 引用坐标/点的API: 放置到图层点 放置到集装箱点

3
单张:如何绘制曲线?
因此,我试图在基于传单地图的应用程序中绘制曲线。 据我了解,Leaflet目前不支持绘制曲线,所以我的问题实际上更多地是关于如何最好地在其中获得曲线功能。 由于我的代码必须与IE-8兼容,因此问题变得更加棘手,这意味着纯SVG不能解决。(如果Leaflet检测到不存在SVG支持,则实际上会退回到VML。) 因此,一种可能性是我自己写一些基于SVG的传单扩展代码,并附带对VML的支持。这将是一项艰巨的工作。:/ 有谁有更好的主张?


4
自定义传单控件
我在为传单创建自定义控件方面获得了一些帮助,但是在升级到最新版本的Leaflet所使用的CSS样式方面仍然遇到困难。基本上,我所需要做的只是在白框中显示一个图标,并在其周围添加阴影。 到目前为止,这是我一直在努力的工作,请随意看一下: http://codepen.io/DrYSG/pen/zJsiG
16 leaflet 

7
比较具有良好网络界面的两个地图?
在Leaflet或OpenLayers中是否可以将两个地图与一个在两个之间滑动的条形图进行比较? 示例包括: http://www.esri.com/services/disaster-response/hurricanes/hurricane-sandy-the-aftermap http://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=c62112f6ba834227978d8f1cf2b6f5af http://www.abc.net.au/news/specials/qld-floods/(不是地图) 我知道这是可能的,但我不知道该怎么做。任何人有任何想法吗?例子?

1
越来越懒,使用Leaflet API的点击位置很长吗?
我将OSM与Leaflet API一起使用。现在,我想获取单击位置的经纬度。我的意思与此类似。例如:http://openlayers.org/dev/examples/click.html map.events.register("click", map, function(e) { var position = map.getLonLatFromPixel(e.xy); alert("Lat, Lon : "+position.lon.toFixed(3),position.lat.toFixed(3)); }); OpenLayers中的这段代码有助于获取经度,长期价值...使用Leaflet寻找类似内容...

1
如何更改Leaflet Map窗格的分层顺序(z索引)?
Leaflet认为“地图”窗格元素包含添加到地图的所有图层。许多“地图”窗格之间的差异严格来说是分层的z索引顺序。 我想结合使用lvector.CartoDB图层(本质上是overlayPane图层)与TileLayer(例如GeoIQ Acetate-bg和标签)。 这是将元素添加到地图时的顺序: tileLayer1 = new L.TileLayer(); map.add(tileLayer1); // add first layer to map cartoDBLayer1 = new lvector.CartoDB(); cartoDBLayer.setMap(map); // add second layer to map tileLayer2 = new L.TileLayer(); map.add(tileLayer2); // add third layer to map 返回的是一张具有以下顺序的图层的地图: tileLayer1,tileLayer2,cartoDBLayer1 tileLayer1并且tileLayer2位于HTMLElement: TilePane和cartoDBLayer1中HTMLElement: overlayPane。 有什么方法可以强制cartoDBLayer1在TilePane中进行渲染,从而使其按添加到地图中的z-index的顺序下降。 即 z-index[0]:tileLayer1 z-index[1]:cartoDBLayer1 z-index[2]:tileLayer2
16 leaflet  z-index 

1
使用传单javascript API比19级进一步放大?
我们将传单JavaScript API与支持最多19级缩放的图块层一起使用。我希望用户能够进一步缩放,即使图块模糊,因为他们必须高度精确地放置标记。 这可能吗 ? 我们希望地图不缩放标记或其他元素。
15 leaflet  zoom 

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.