Google Maps InfoWindow добавление разбивки на страницы для нескольких маркеров

Question

Неужели кто-нибудь пытался добавить простую разбивку на страницы в Google Map InfoWindow? Иногда у меня есть несколько элементов в одном месте, и в настоящее время мой infoWindow отображает их все вместе, разделенные горизонтальными правилами. Я хотел бы сделать так, если в местоположении есть несколько маркеров, инфо-окно остается одного и того же размера, но имеет кнопку «Предыдущий/Следующий», чтобы пользователь мог разбивать страницы на доступные данные.

Любые мысли? Возможно ли это?

UPDATE

До сих пор я попытался с помощью Jquery jPages плагин следующим образом:

google.maps.event.addListener(cbMapMarker[x], 'click', function(){    
    cbMapInfoWindow.setContent(infoWindowPaginate(cbMapInfoContent[x]));       
    cbMapInfoWindow.open(cbMap,cbMapMarker[x]); 
    $('#cboxLoadedContent iframe').contents().find('.infoWindowHolder').jPages({ 
      containerID : "infoWindowContainer" 
    });        
}); 


function infoWindowPaginate(infoWindowContent) 
{ 
    // Define our opening and closing tags for the wrapping container 
    var startWrap = '<div class="infoWindowHolder"></div><div id="infoWindowContainer">'; 
    var endWrap = '</div>'; 
    // Create a new variable containing the infoWindowContent wrapped with our tags 
    var newContent = startWrap + infoWindowContent + endWrap; 
    return newContent; 
} 

Содержание передается функции infoWindowPaginate будет выглядеть примерно так

<div><p>DATA 1 HERE</p></div><div><p>DATA 2 HERE</p></div> 

До сих пор я получаю текст < --prev и next -> в моей инфо-окнах, все еще работая над ним. Любые предложения относительно лучшего подхода?

JDFIDDLE http://jsfiddle.net/GuB92/1/

Answer 1

Я понял это. Я должен был добавить слушателя для события domready inindow и вызвать мои jPages изнутри. Теперь отлично.

    // Add event listener for the infoWindow 
       google.maps.event.addListener(cbMapInfoWindow, 'domready', function() { 
        $('#cboxLoadedContent iframe').contents().find('.infoWindowHolder').jPages({ 
         containerID : "infoWindowContainer" 
        }); 
       }); 

JSFiddle

http://jsfiddle.net/GuB92/3/

Answer 2

Вы можете сделать пользовательский Paginator вашего собственного, как слайдер. Загрузите всю информацию и покажите первый и скройте все остальное, а затем сохраните номер своей страницы, а следующая кнопка prev - необходимую задачу события click. Вы можете сделать это, как и любой другой плагин jQuery.