',
TMPL_AGENCY_LINK: '/maps?ie=UTF8&ll={latitude},{longitude}&spn=' +
'{spanlatitude},{spanlongitude}{tlparam}'
};
/**
* Loader class for managing all the dependencies then initiating the app
* when complete.
* @constructor
*/
tmap.Loader = function() {
/**
* Check for Google Maps API loaded.
* @type {Boolean}
*/
this.mapsLoaded = false;
/**
* Check for DOM loaded.
* @type {Boolean}
*/
this.domLoaded = false;
/**
* Check for Marker Manager lib loaded.
* @type {Boolean}
*/
this.markerManagerLoaded = false;
/**
* Check for geo data loaded.
* @type {Boolean}
*/
this.geoDataLoaded = false;
/**
* Check for coverage data loaded.
* @type {Boolean}
*/
this.coverageLoaded = false;
/**
* Store callbacks for loader completing.
* @type {Array.}
*/
this.callbacks = [];
/**
* Data from coverage loading
* @type {Object}
*/
this.coverageData = {};
};
/**
* Starts loading two of the dependenices: The Maps API and the Geo data.
*/
tmap.Loader.prototype.init = function() {
// Load the maps API.
google.load('maps', '2.148',
{'callback': tmap.utils.bind(this.mapsLoadHandler, this),
'language': tmap.LANG});
// Load the geo data.
tmap.utils.LazyLoader.getInstance().load(tmap.Config.URL_GEODATA,
tmap.utils.bind(this.geoDataLoadHandler, this));
};
/**
* Registers a callback to be fired once tmap.Loader has loaded.
* @param {function(function)} callback Adds function to be called once loaded.
*/
tmap.Loader.prototype.registerCallback = function(callback) {
this.callbacks.push(callback);
};
/**
* @return {google.gdata.atom.Feed} The GData feed coverage object.
*/
tmap.Loader.prototype.getCoverageData = function() {
return this.coverageData;
};
/**
* Handles the Maps loaded event, loads some libraries that depends on the
* existence of the Maps API.
*/
tmap.Loader.prototype.mapsLoadHandler = function() {
window.onunload = google.maps.Unload;
// tmap.setUpPolyMarker();
this.mapsLoaded = true;
tmap.utils.LazyLoader.getInstance().load(tmap.Config.URL_MM,
tmap.utils.bind(this.markerManagerLoadHandler, this));
this.complete();
};
/**
* Handles the geo data loaded event.
*/
tmap.Loader.prototype.geoDataLoadHandler = function() {
this.geoDataLoaded = true;
this.complete();
};
/**
* Handles the Marker Manager library loaded event.
*/
tmap.Loader.prototype.markerManagerLoadHandler = function() {
this.markerManagerLoaded = true;
this.complete();
};
/**
* Handles the DOM loaded event, once the DOM structure of the HTML
* page is complete.
*/
tmap.Loader.prototype.domLoadHandler = function() {
this.domLoaded = true;
this.complete();
};
/**
* Handles the coverage data loaded event.
* @param {google.gdata.atom.Feed} data The GData feed coverage object.
*/
tmap.Loader.prototype.coverageLoadHandler = function(data) {
this.coverageLoaded = true;
this.coverageData = data;
};
/**
* Tests that all elements are loaded, then initiates the application.
*/
tmap.Loader.prototype.complete = function() {
if (this.mapsLoaded && this.domLoaded && this.markerManagerLoaded &&
this.coverageLoaded && this.geoDataLoaded) {
for (var i = 0, len = this.callbacks.length; i < len; i++) {
this.callbacks[i]();
}
}
};
/**
* Main class for the application, formats the coverge data
* and creates the map.
* @param {google.gdata.atom.Feed} data The GData feed coverage object.
* @constructor
*/
tmap.App = function(data) {
this.regionsObj = new tmap.TransitRegions(data);
this.regions = this.regionsObj.getRegions();
this.regionsObj.showCount();
this.regionsObj.showHighlights();
var mapDiv = document.getElementById(tmap.Config.MAP_ID);
if (!mapDiv) {
return;
}
this.map = new google.maps.Map2(mapDiv);
this.map.addControl(new google.maps.SmallMapControl());
this.setMapCenterByClientLocation(new google.maps.LatLng(31, 0), 1);
this.map.enableScrollWheelZoom();
};
/**
* Populates the map with markers and manages them using Marker Manager lib.
*/
tmap.App.prototype.init = function() {
if (!this.map) {
return;
}
// Create an array of markers for agencies and regions.
var regionMarkers = [];
var agencyMarkers = [];
var icon = new tmap.MapIcon(tmap.Config.URL_YELLOW_ICON).getIcon();
for (var prop in this.regions) {
var obj = this.regions[prop];
// Create the infoWindow HTML for the marker.
var agencies = [];
for (var i = 0, len = obj.agencies.length; i < len; i++) {
agencyItem = obj.agencies[i];
var agencySnippet = tmap.utils.templatize(
agencyItem, tmap.Config.TMPL_AGENCY);
agencies.push(agencySnippet);
var agencyHtml = tmap.utils.templatize({'agency': agencySnippet},
tmap.Config.TMPL_AREA);
var latlng = new google.maps.LatLng(agencyItem.lat, agencyItem.lng);
var marker = new google.maps.Marker(latlng, icon);
marker.bindInfoWindowHtml(agencyHtml);
agencyMarkers.push(marker);
}
var html = tmap.utils.templatize({'title': obj.name,
'agencies': agencies.join('')}, tmap.Config.TMPL_REGION);
google.maps.Event.addListener(obj.polygon, 'click',
tmap.utils.bind(function(latlng, html) {
this.map.openInfoWindowHtml(latlng, html, {'maxWidth': 400});
}, this, obj.marker.getPoint(), html));
obj.marker.bindInfoWindowHtml(html);
// Display the polygons on the map.
this.map.addOverlay(obj.polygon);
// Add the marker to regionMarkers for Marker Manager.
regionMarkers.push(obj.marker);
}
var markerManager = new MarkerManager(this.map);
markerManager.addMarkers(regionMarkers, 0, 3);
markerManager.addMarkers(agencyMarkers, 4);
markerManager.refresh();
};
/**
* Adds functionality onto map to center by user location, or fall back
* to default.
* @param {google.maps.LatLng} defaultLatLng default if location isn't found.
* @param {number} defaultZoom default if location isn't found.
*/
tmap.App.prototype.setMapCenterByClientLocation = function(defaultLatLng,
defaultZoom) {
if (google.loader.ClientLocation) {
var cc = google.loader.ClientLocation.address.country_code.toUpperCase();
for (var continent in tmap.GEO_CONTINENTS) {
if (tmap.arrayContains(tmap.GEO_CONTINENTS[continent]['countries'], cc)) {
var cont = tmap.GEO_CONTINENTS[continent];
if (continent != 'AF') {
this.map.setCenter(new google.maps.LatLng(cont['lat'], cont['lng']),
cont['zoom'] || 3);
return;
}
}
}
}
this.map.setCenter(defaultLatLng, defaultZoom);
};
/**
* A transit region represents the cities and agencis in a given world region
* @param {Object} obj The coverage data object.
* @constructor
*/
tmap.TransitRegions = function(obj) {
this.data = obj;
this.regions = {};
this.highlights = [];
this.icon = new tmap.MapIcon(tmap.Config.URL_GREEN_ICON).getIcon();
};
/**
* @return {Array.