Как скопировать карты Google на позицию прокрутки

Question

У меня есть эта идея для сайта, где фон составлен из карт Google. Как пользователь прокручивает карту, необходимо «переместить»/панорамировать в определенное место. Я нашел скрипт, который будет устанавливать карты Google в качестве фона, так что это не проблема.

Теперь мой вопрос: как мне сделать карту «перемещать»/кастрюлю в зависимости от положения прокрутки?

Любая помощь очень ценится :)

Answer 1

Используйте .panTo метод API (https://developers.google.com/maps/documentation/javascript/reference#Map) и вызвать его из события прокрутки

что-то вроде

$(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 
});