OpenLayers 缩放样式类似于 GoogleMaps

发布于 2024-10-17 08:00:53 字数 280 浏览 4 评论 0原文

在 GoogleMaps 中，当用户使用鼠标滚轮放大/缩小时，光标下的点保持不变（其坐标），但 OpenLayers 地图有不同的方法 - 当缩放地图中心时是恒定的。可以在 OpenLayers 地图中使用 GoogleMaps 缩放样式吗？

编辑：实际上，我的 OpenLayers 中当前的行为是，当我放大光标下的某个位置时，它会将该位置移动到下一个缩放级别的地图中心。可能是与我的地图特定设置（如投影）相关的一些问题。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

已下线请稍等 2024-10-24 08:00:53

我猜您正在使用 OpenLayers.Control.MouseDefaults 控件进行导航。嗯，您不应该这样做，因为此控件已被 OpenLayers.Control.Navigation 替换，并且将在 OpenLayers 3.0 中弃用。

快速浏览一下 MouseDefaults 的源代码就会发现，它确实以光标位置为中心显示地图：

defaultWheelDown: function(evt) {
    if (this.map.getZoom() > 0) {
        this.map.setCenter(this.map.getLonLatFromPixel(evt.xy),
                           this.map.getZoom() - 1);
    }
},

当光标停留在同一位置时，每次放大/缩小时地图都会以新位置为中心，这很令人困惑。

OpenLayers.Control.Navigation 使用与 Google 地图相同的方法。 OpenStreetMap 使用它，您可以在此处看到它的工作方式相同

I guess you are using OpenLayers.Control.MouseDefaults control for navigation. Well, you shouldn't, because this control is replaced with OpenLayers.Control.Navigation and will be deprecated in OpenLayers 3.0.

A quick look at source code for MouseDefaults shows that it definitely centers map on the cursor position:

defaultWheelDown: function(evt) {
    if (this.map.getZoom() > 0) {
        this.map.setCenter(this.map.getLonLatFromPixel(evt.xy),
                           this.map.getZoom() - 1);
    }
},

While cursor stays at the same position the map will centered to new location every time you zoom in/out, which is confusing.

OpenLayers.Control.Navigation uses the same approach as Google Maps. OpenStreetMap uses it and you can see that it works the same way here

回复收藏 0 原文