Questions tagged «leaflet»

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

124 leaflet  mapbox 

以下代码初始化一个传单地图。初始化功能基于用户位置将地图居中。调用initialize函数后，如何将地图中心更改为新位置？ function initialize() { map = L.map('map'); L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>' }).addTo(map); map.locate({setView: true, maxZoom: 8}); }

111 javascript  leaflet 

我有一个使用appcaching的脱机Web应用程序。我需要提供大约10MB-20MB的数据（客户端），该数据主要由PNG图像文件组成。操作如下： Web应用程序下载并安装在appcache中（使用清单） 来自服务器PNG数据文件的Web应用请求（如何？-请参见下面的替代方法） 有时，Web应用程序会与服务器重新同步，并对PNG数据库进行少量的部分更新/删除/添加 仅供参考：服务器是JSON REST服务器，可以将文件放在wwwroot中以进行提取 这是我目前对处理二进制Blob存储的基于客户端的“数据库”的分析 在底部查看更新 AppCache（通过清单添加所有PNG，然后按需更新） 缺点：PNG数据库项目的任何更改都意味着完整下载清单中的所有项目（真的是坏消息！） 网络存储 CON：专为JSON存储而设计 CON：只能通过base64编码存储Blob（由于解码成本高，可能是致命缺陷） CON：webStorage的5MB硬限制http://htmlui.com/blog/2011-08-23-5-obscure-facts-about-html5-localstorage.html PhoneGap和SQLLite 缺点：赞助商将其拒绝为需要认证的本地应用 ZIP文件 服务器创建一个zip文件，将其放在wwwroot中，并通知客户端 用户必须手动解压缩（至少我是这样）并将其保存到客户端文件系统 Web应用程序使用FileSystem API引用文件 缺点：ZIP可能太大（zip64？），创建时间很长 缺点：不确定FileSystem API是否可以始终从沙箱中读取（我认为是） USB或SD卡（回到石器时代。...） 用户将在离线之前位于服务器本地 这样我们就可以让他插入SD卡，让服务器用PNG文件填充 然后用户将其插入笔记本电脑，平板电脑 Web应用程序将使用FileSystem API读取文件 缺点：不确定FileSystem API是否可以始终从沙箱中读取（我认为是） WebSQL 缺点：w3c放弃了它（非常糟糕） 我可能会考虑使用IndexedDB和WebSQL作为后备的Javascript包装器 文件系统API Chrome支持读/写Blob 缺点：不清楚IE和FireFox（IE10，具有非标准msSave） caniuse.com报告了IOS和Android支持（但同样，这仅仅是JSON的读/写，还是它包含用于编写的完整blob API？ 缺点：FireFox员工不喜欢FileSystem API，也不清楚他们是否支持保存Blob：https：//hacks.mozilla.org/2012/07/why-no-filesystem-api-in-firefox/ PRO：很多比IndexedDB的更快斑点根据jsperf http://jsperf.com/indexeddb-vs-localstorage/15（第2页） 索引数据库 IE10和FireFox的良好支持（保存，读取blob） 比文件系统更好的速度和更轻松的管理（删除，更新） 专业人士：请参阅速度测试：http : //jsperf.com/indexeddb-vs-localstorage/15 …

105 javascript  html  web-applications  indexeddb  leaflet 

我已经开始使用传单作为开源地图， http：//leaflet.cloudmade.com/ 以下jQuery代码可在点击地图时在地图上创建标记： 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(); }; 但是目前（在我的代码中）我无法删除现有标记，也无法找到我在地图上创建的所有标记并将它们放入数组中。谁能帮助我了解如何执行此操作？传单文档可在此处获得：http : //leaflet.cloudmade.com/reference.html

102 jquery  leaflet 

我正在寻找引用静态资产的正确网址，例如Vue javascript中的图像。 例如，我正在使用自定义图标图像创建传单标记，并且尝试了多个网址，但它们都返回了404 (Not Found)： Main.vue： var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] }); 我试过将图像放在资产文件夹和静态文件夹中没有任何运气。我是否必须告诉Vue以某种方式加载这些图像？

90 javascript  vue.js  leaflet 

什么是Leaflet和Mapbox？两者的区别或用法是什么？它们的API有哪些主要区别？

84 api  dictionary  leaflet  mapbox