Leaflet: 缩放时地图内容移动

创建于 2015-11-26 · 9评论 · 资料来源: Leaflet/Leaflet

我的简单测试应用程序（使用 V1 beta2 创建）有一些奇怪的缩放行为：缩小时，绘制的多边形向东南移动并在缩放操作结束时返回到正确的位置。放大时，绘制的多边形向西北方向移动，并在缩放操作结束时返回其正确位置。

这是我的应用程序：

var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  maxZoom: 18,
  attribution: "&copy; <a href='http://openstreetmap.org/copyright'>OpenStreetMap</a> contributors"
}).addTo(map);
var polygon = L.polygon([
  [51.509, -0.08],
  [51.503, -0.06],
  [51.51, -0.047]
]).addTo(map);

我将应用发布到 testmapw.meteor.com，看看...
如果我用 V0.7.3 替换 V1.0.0 beta2 一切正常。

资料来源

willemx

最有用的评论

抱歉，我知道这是关闭的，但我也遇到了这个问题。我的问题是由于使用旧的 css 文件 (0.7.3) 而不是当前的 (1.0.3)。希望这可以帮助某人。

tc33133 于 2017-04-27

👍13 ❤3 🚀2

所有9条评论

无法在 beta2 中重现。

http://playground-leaflet.rhcloud.com/waj/edit?html ,输出

IvanSanchez 于 2015-11-26

你试过 testmapw.meteor.com 吗？

willemx 于 2015-11-26

是的，但是如果我无法在受控的最小环境中重现该错误，我必须假设它在 Leaflet 核心中不是问题。

另外，我不知道您的网页中发生了什么，因为所有 JS 都被缩小了，我无法跟踪代码执行情况。

IvanSanchez 于 2015-11-26

感谢您调查此事！我明白你的立场。
我想自己调试一下；我只需要一些关于如何/从哪里开始的建议。
我使用包装传单 V1Beta2 库的流星包制作了一个最小的流星应用程序（ https://www.meteor.com/）：https://atmospherejs.com/bevanhunt/leaflet并将其部署到 maptestw.meteor.com。
这显示了您所看到的错误。
如果我只是用旧版本 (V0.7.3) 替换传单库包，错误就会消失。
我也通知了这个问题的包作者（https://github.com/bevanhunt/meteor-leaflet/issues/61），他怀疑这可能与“瓷砖集没有完全加载”有关
你能给我指出一个方向来验证这一点，或者给我一些其他的建议来开始调试这个吗？

willemx 于 2015-11-26

不确定此信息是否对诊断问题有任何价值，但是如果我为地图设置 { zoomAnimation: false } ，则不稳定的内容移动消失了（但唉，动画也:{ ）...

willemx 于 2015-11-27

抱歉，我知道这是关闭的，但我也遇到了这个问题。我的问题是由于使用旧的 css 文件 (0.7.3) 而不是当前的 (1.0.3)。希望这可以帮助某人。

tc33133 于 2017-04-27

👍13 ❤3 🚀2

你帮了我@tc33133 ，谢谢！

ayozebarrera 于 2017-05-22

亲爱的@tc33133 ，你更新了什么css文件？

jdoblas 于 2017-06-29

我使用的是托管版本，我没有更新样式表链接。
我用的IE

运行版本 1.0.3，所以我应该一直使用

如果您按照此处的说明使用托管版本http://leafletjs.com/download.html您应该没问题。

tc33133 于 2017-06-29

👍3

此页面是否有帮助？

0 / 5 - 0 等级

Leaflet: 缩放时地图内容移动

最有用的评论

所有9条评论

相关问题