gistfile1.js

$.fn.markerList = function(options) {

	var titles   = {};
	var geocoder = new google.maps.Geocoder();
	var _default = {
		map: {},
		bounds: new google.maps.LatLngBounds(),
		lat: false,
		lng: false,
		location: false,
		center: false	
	};
	
	if(!options) {
		var options = _default;
	}
	else {
		options = $.extend(true, _default, options);
	}
	
	var t = {
		map: false,
		markers: {},
		windows: {},
		bounds: new google.maps.LatLngBounds()
	};
	
	t.map    = options.map;
	t.bounds = options.bounds;
	
	t.addMarker = function(lat, lng, options) {
		if(!lat) {
			var lat = 0;
		}
		
		if(!lng) {
			var lng = 0;
		}
		
		var _default = {
			position: t.latLng(lat, lng),
			icon: false,
			content: ''
		};
		
		options = $.extend(true, _default, options);
		
		var index  = lat+','+lng;
		var marker = new google.maps.Marker({
			position: options.position,
			map: t.map,
			content: options.content,
			icon: options.icon
		});
		
		var window = new google.maps.InfoWindow({
			content: options.content
		});
		
		google.maps.event.addListener(marker, 'click', function() {
			
			$.each(t.windows, function(i, window) {
				window.close();
			});
			
			window.open(t.map, marker);
		});
		
		t.markers[index] = marker;
		t.windows[index] = window;
		
		t.bounds.extend(options.position);					
		t.map.fitBounds(t.bounds);
	}
	
	t.center = function(location) {
		if(typeof location == "array") {
			location = t.latLng(location[0], location[1]);	
		}
		
		if(t.map) {
			t.map.setCenter(location);
		}
	}
	
	t.buildRequest = function(location) {
		var request = {};
		
		if(typeof location == "string") {
			request.address = location;
		}				
		
		if(typeof location == "array") {
			request.location = t.latLng(location[0], location[1]);
		}

		if(typeof location == "object") {
			request.location = location;
		}
		
		return request;
	}
	
	t.geocode = function(location, callback) {
		var request = t.buildRequest(location);
		
		geocoder.geocode(request, function(status, data) {
			if(typeof callback == "function") {
				callback(status, data);
			}
		});
	} 
	
	t.latLng = function(lat, lng) {
		return new google.maps.LatLng(lat, lng);
	}
	
	t.getOptions = function() {
		return options;
	}
	
	t.getOption = function(option) {
		if(options[option]) {
			return options[option];
		}
	}
	
	t.setOption = function(option, value) {
		if(options[option]) {
			options[option] = value;
		}	
	}
	
	t.zoom = function(zoom) {
		if(typeof zoom == "number" && zoom >= 0 && zoom <= 20) {
			t.map.setZoom(zoom);
		}
	}
	
	if(options.center) {
		
		if(options.lat !== false && options.lng !== false) {
			options.center = [options.lat, options.lng];
		}
		
		if(typeof options.center == "array") {
			t.map.setCenter(t.latLng(options.center[0], options.center[1]));
			t.zoom(options.zoom);
			t.init();		
		}
		else {
			t.geocode(options.center, function(data, status) {
				t.map.setCenter(data[0].geometry.location);	
				t.zoom(options.zoom);
				t.init();
			});
		}
	}
	
	var self = this;
	
	t.init = function() {
		self.each(function() {
			var $t   = $(this);
			var lat  = $t.attr('data-lat');
			var lng  = $t.attr('data-lng');
			
			if(isNaN(lat) || isNaN(lng)) {
				$t.parent().hide();
			}
			
			var data = {
				venue_name : $t.attr('data-venue-name'),
				event_name : $t.attr('data-event-name'),
				email      : $t.attr('data-email'),
				phone      : $t.attr('data-phone'),
				start      : $t.attr('data-next-start'),
				end        : $t.attr('data-next-end'),
				url_title  : $t.attr('data-url-title')
			};
			
			$t.click(function(e) {
				
				var lat = $(this).attr('data-lat');
				var lng = $(this).attr('data-lng');
				var index = lat+','+lng;
				var window = t.windows[index];
				
				$.each(t.windows, function(i, w) {
					w.close();
				});
				
				t.windows[index].open(t.map, t.markers[index]);
				t.center(t.windows[index].anchor.getPosition());
					
				e.preventDefault();
			})
			
			if(lat && lng) {
			
				var index = lat+','+lng;
				
				if(!titles[index]) {
					titles[index] = [];
				}
				
				titles[index].push('<li><a href="'+data.url_title+'">'+data.event_name+'</a></li>');
				
				if(!t.markers[index]) {
				
					var html   = [
						'<h5>'+data.event_name+'</h5>',
						'<p class="venue-name">'+data.venue_name+'</p>',
						'<ul class="nostyle map-attribute">',						
							(data.email != '' ? '<li><span class="icon-envelope-alt"></span> '+data.email+'</li>' : ''),
							'<li><span class="icon-time"></span> '+data.start+'',
						'</ul>',						
						'<p><a class="map-to-detail" href="'+data.url_title+'">View Event Details</a></p>'
					].join('');
					
					t.addMarker(lat, lng, {
						content: html,
						icon: '/assets/img/marker.png'
					});
				
					var marker = t.markers[index];									
					var window = new google.maps.InfoWindow({
						content: options.content
					});
					
					google.maps.event.addListener(marker, 'click', function() {
						window.open(t.map, marker);
					});
					
					t.bounds.extend(marker.getPosition());					
					t.map.fitBounds(t.bounds);
					
				}
				else {						
					var window = t.windows[index];
					
					var html   = [
						'<h5>'+data.venue_name+'</h5>',
						'<p>This venue has more than one event scheduled:</p>',
						'<ul class="nostyle multi-map disc">'+(titles[index].join(''))+'</ul>'
					];
					
					if(titles[index].length > 1) {
						t.windows[index].setContent(html.join(''));
					}
				}
			}
		});
			
	};
}

$('.icon-map-marker a').markerList({
	map: map_map,
	center: 'st. catharines, ca',
	zoom: 11
});