Hey,

I have the following code and I am trying to get Google Maps API to add a parker to each location and thats working fine! However, I cant seem to get my tab's working in each info window?

Here is my code:

<script type="text/javascript">
var locations = [
['Jackson Building Centre',-0.4826353,52.6536]
,['Branch Bros',-0.3607193,52.76558]
,['Travis Perkins',-0.265679,52.59274]
,['B&Q',-0.2619155,52.59574]
,['Jackson Building Centre',-0.7319806,52.67846]
,['Travis Perkins',-0.733384,52.67385]
,['E H Smith',-0.2589442,52.56156]
,['Travis Perkins',-0.6792181,52.50691]
,['Jackson Building Centre',-0.674857,52.49121]
,['Travis Perkins',-0.214717,52.57708]
,['Andrews BS',-0.2089594,52.57337]
,['Buildbase',-0.540852,52.39677]
,['Buildbase',-0.166964,52.55641]
];

var map = new google.maps.Map(document.getElementById('map_canvas'), {
  zoom: 2,
  center: new google.maps.LatLng(54.21327711884562, -3.9951935000000276),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {  
  marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][2], locations[i][1]),
    map: map
  });


  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {

        // Create an array that will hold the tabs
        var tabs = [];
        // Create tabs and add them to the array
        tabs.push(new GInfoWindowTab('Tab 1', 'Content of tab 1'));
        tabs.push(new GInfoWindowTab('Tab 2', 'Content of tab 2'));
        // Add tabs to the InfowWindow
        marker.openInfoWindowTabsHtml(tabs);
        //infowindow.setContent(tabs);
        infowindow.open(map, marker);
    }
  })(marker, i));
}
</script>

If anyone can help me that would be grand!!
Thanks!
Dan

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.