Leafletjs显示单个包装的地图
Leafletjs显示单个包装的地图
提问于 2018-03-27 21:23:08
我想要显示一个单独的世界地图，并将其环绕，以便每个区域在屏幕上只显示一次。请参阅fiddle http://jsfiddle.net/8m13d6vs/
var osmUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
osm = L.tileLayer(osmUrl, {
noWrap: false,
attribution: "<a href='http://openstreetmap.org'>OpenStreetMap</a>"
});
var map = L.map('map').setView([0, 0], 1).addLayer(osm);在上面的小提琴中，wrap处于启用状态，但世界地图是复制的。我想要一个单独的世界地图，在鼠标左/右拖动时，它应该会环绕。它也应该对该区域做出响应。有什么方法可以做到这一点吗？希望我的问题陈述是可以理解的。
回答 2
Stack Overflow用户
发布于 2018-05-01 03:04:33
这里有Leaflet worldCopyJump选项：
var map = L.map('map', {worldCopyJump: true}).setView([0, 0], 1).addLayer(osm);它的默认值为false，但将其设置为true会在用户平移到地图边界之外时复制地图的内容。
Stack Overflow用户
发布于 2018-03-27 21:43:57
这听起来像是对“包装”定义的误解：
在Leaflet的平铺层/栅格层选项noWrap的上下文中，它说：
层是否包裹在抗消旋线周围。如果为
true，则GridLayer将在低缩放级别下仅显示一次。
因此，听起来很简单，noWrap: true应该可以实现您的目标。
更新的JSFiddle：http://jsfiddle.net/8m13d6vs/3/
顺便说一句，您应该考虑将Leaflet版本升级到1+
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49514076
复制相关文章
相似问题
腾讯云开发者
