Tag: 传单

Leaflet.js将地图放在一组标记上

即时通讯使用Leaflet.js，并希望以某种方式来中心地图上的标记，使所有在用户视图内的网页启动时。 如果所有的标记聚集在一个小区域，我希望地图缩小到一个水平，仍然显示所有的人。 我知道谷歌地图有一个自动中心function，但我怎么会用这个Leaflet.js呢？

在LeafletJS中使用自定义地图图像切片？

我的瓷砖是否需要坚持任何特定的规格？ 我有一个大的图像文件，我想转成与LeafletJS的地图。 我将要使用Python成像库将其切割成我需要的所有各种图块。 但是，我无法在Leaflet中find任何有关使用自定义地图的信息。 我是否以某种方式提供X，Y，Z信息的范围？ 我给它的每个瓷砖的像素大小？ 它能自行解决这个问题吗？ 把我的问题放到一个简单的问题中：为了使图像文件可以像LeafletJS一样作为地图图块加倍，以及在我的前端脚本中需要做什么（如果有的话），我需要做些什么？ （除了我的自定义URL的明显指定）

单张地图在标签面板内没有正确显示

我试图使用Leaflet.js在Twitter Bootstrap的标签面板中显示一个地图，但行为是一个奇怪的方式： 当我点击包含面板的选项卡时，地图顶部会有一个灰色图层。 如果我拖动和移动地图，我会看到其他瓷砖，但不是最初的。 更奇怪的是，如果我调整浏览器的大小，突然它的作品完美，直到我再次加载，所以我猜想是一个问题与CSS，但我找不到问题。 另外，将标签贴图放置在标签面板外面效果很好。 我在Firefox和Chrome中testing过，两者都有相同的问题。 我在jsfiddle中创build了一个testing来看它是否是“活的”： http : //jsfiddle.net/jasalguero/C7Rp8/1/ 任何帮助真的很感激！

缩放以适应Mapbox或Leaflet中的所有标记

如何设置视图在Mapbox或Leaflet中查看地图上的所有标记？ 像谷歌地图API bounds ？ 例如： var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < latlng.length; i++) { latlngbounds.extend(latlng[i]); } map.fitBounds(latlngbounds);

单张 – 如何find现有的标记，并删除标记？

我已经开始使用传单作为开源地图， http://leaflet.cloudmade.com/ 以下jQuery代码将启用在地图上点击地图上的标记的创build： map.on('click', onMapClick); function onMapClick(e) { var marker = new L.Marker(e.latlng, {draggable:true}); map.addLayer(marker); marker.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup(); }; 但目前我没有办法（在我的代码中）删除现有标记，或find我在地图上创build的所有标记，并将它们放入数组中。 任何人都可以帮我理解如何做到这一点？ 单张文档可在这里find： http ： //leaflet.cloudmade.com/reference.html

存储脱机Web应用程序的图像数据（客户端存储数据库）

我有一个使用appcaching的离线web应用程序。 我需要提供大约10MB – 20MB的数据（主要由PNG图像文件组成）保存（客户端）。 操作如下： Web应用程序下载并安装在appcache中（使用清单） 来自服务器PNG数据文件的Web应用程序请求（如何？请参阅下面的替代方法） 偶尔web应用与服务器重新同步，并对PNG数据库进行小部分更新/删除/添加 仅供参考：服务器是一个JSON REST服务器，可以将文件放入wwwroot中取出 这里是我目前对处理二进制BLOB存储的基于客户端的“数据库”的分析 请参见底部的更新 AppCache （通过清单添加所有的PNG，然后按需更新） CON：对PNG数据库项目的任何更改都意味着完全下载清单中的所有项目（真是坏消息！） WebStorage CON：专为JSON存储而devise CON：只能通过base64编码存储blob（由于解码成本可能是致命的缺陷） CON：webStorage硬盘限制为5MB http://htmlui.com/blog/2011-08-23-5-obscure-facts-about-html5-localstorage.html PhoneGap＆SQLLite CON：赞助商将拒绝作为需要authentication的本地应用程序 ZIP文件 服务器创build一个zip文件，将其放置在wwwroot中，并通知客户端 用户必须手动解压缩（至less这是我如何看到它）并保存到客户端文件系统 Web应用程序使用FileSystem API来引用文件 CON：ZIP可能太大（zip64？），需要很长时间才能创build CON：不知道FileSystem API总是可以读出沙盒（我想是这样） USB或SD卡 （回到石器时代….） 离线前，用户将在服务器本地 所以我们可以让他插入一个SD卡，让服务器填充PNG文件 然后用户将其插入笔记本电脑，平板电脑 Web应用程序将使用FileSystem API来读取文件 CON：不知道FileSystem API总是可以读出沙箱（我这么认为） 的WebSQL CON：w3c已经放弃了（很糟糕） 我可能会考虑一个使用IndexedDB和WebSQL作为后备的Javascript包装器 FileSystem API Chrome支持读/写blob CON：不清楚IE和FireFox（IE10，有非标准的msSave） caniuse.com报告IOS和Android的支持（但是，这又是，这只是JSON的R / W，还是它包括用于写作的完整的blob API？ CON：FireFox的人不喜欢FileSystem API，不清楚他们是否支持保存blob： https : //hacks.mozilla.org/2012/07/why-no-filesystem-api-in-firefox/ […]

如何在R地图中保存Leaflet为png或jpg文件？

我正在使用Leaflet包在R中创build地图。它完美地工作。 我可以导出R中的地图，只需导出，但我需要从R中的脚本导出地图。我的简单代码是： png("test_png.png") (m <- leaflet() %>% addTiles()) dev.off() 它的作品，但是…输出PNG文件是白色的空白。