как добавить вкладки в информационное окно, которое использует extInfoWindows для карты Google - PullRequest
Новая
       3

как добавить вкладки в информационное окно, которое использует extInfoWindows для карты Google

0 голосов
/ 22 октября 2010

У меня есть следующий код для отображения информационного окна на карте Google при нажатии на маркер. Как я могу добавить вкладки в информационные окна, использующие extinfowindows, может ли кто-нибудь помочь отследить проблему. 

function createMarker(point, name, address, imagepath) {
    var marker = new GMarker(point, gicons[imagepath]);
    var html1 = '<span class="name-tab"><b>' + name + '</b></span> <span class="info"><br/>' + address + '</span>';

    GEvent.addListener(marker, 'click', function () {
        marker.openExtInfoWindow(
        map, "simple_example_window", html1, {
            beakOffset: -4
        });
    });
}

1 Ответ

0 голосов
/ 09 ноября 2010

Примечание: вкладки не поддерживаются для GMaps v3.0

отметьте

http://www.svennerberg.com/2009/02/working-with-info-windows-in-google-maps/

Но мы можем сделать это для V3.0 с использованием JQuery - пример кода 

    var contentString = [
  '<div id="tabs">',
  '<ul>',
    '<li><a href="#tab-1"><span>One</span></a></li>',
    '<li><a href="#tab-2"><span>Two</span></a></li>',
    '<li><a href="#tab-3"><span>Three</span></a></li>',
  '</ul>',
  '<div id="tab-1">',
    '<p>Tab 1</p>',
  '</div>',
  '<div id="tab-2">',
   '<p>Tab 2</p>',
  '</div>',
  '<div id="tab-3">',
    '<p>Tab 3</p>',
  '</div>',
  '</div>'
].join('');

var infowindow = new google.maps.InfoWindow({
    content: contentString
});

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map
});

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map, marker);
  $("#tabs").tabs();
});
...