如何在滚动位置上平移谷歌地图

How to pan google maps upon scroll position

本文关键字：谷歌地图 位置 滚动      更新时间：2023-09-26

我有这个想法为一个网站的背景是由谷歌地图。当用户滚动地图时，地图必须"移动"/平移到特定位置。我已经找到了一个脚本，将设置谷歌地图作为我的背景，所以这不是问题。

现在我的问题是:我如何使地图"移动"/平移取决于滚动位置?

任何帮助都非常感谢:)

使用API (https://developers.google.com/maps/documentation/javascript/reference#Map)的.panTo方法并从滚动事件中调用它

之类的
$(document).on('scroll', function(){
    // get current scroll position
    var currentScroll = $('element that scrolls').scrollTop();
    // calculate a new map point based on the currentScroll value
    var latLng = new google.maps.LatLng(somelat, somelong);
    // pan to it
    map.panTo(latLng); // assuming map refers to the map object
});
相关文章：