2011-05-19 15:16:56 +00:00
|
|
|
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
|
|
|
/**
|
|
|
|
* The MarkerManager is more like a composite class of Marker. It manages
|
|
|
|
* markers by grouping the markers by keys.
|
|
|
|
*/
|
|
|
|
var MarkerManager = Class.extend({
|
2011-06-03 21:45:47 +00:00
|
|
|
init: function() {
|
2011-05-19 15:16:56 +00:00
|
|
|
this.keyToMarker = {};
|
|
|
|
},
|
|
|
|
addMarker: function(key, marker) {
|
|
|
|
this.keyToMarker[key] = marker;
|
|
|
|
},
|
2011-05-26 23:31:39 +00:00
|
|
|
length: function() {
|
|
|
|
var size = 0;
|
|
|
|
for (var key in this.keyToMarker) {
|
|
|
|
if (this.keyToMarker.hasOwnProperty(key)) size++;
|
|
|
|
}
|
|
|
|
return size;
|
|
|
|
},
|
2011-05-19 15:16:56 +00:00
|
|
|
getMarker: function(key) {
|
|
|
|
return this.keyToMarker[key];
|
|
|
|
},
|
2011-06-03 21:45:47 +00:00
|
|
|
getMarkerArray: function() {
|
|
|
|
var array = [];
|
|
|
|
$.each(this.keyToMarker, function(i, e){ array.push(e); });
|
|
|
|
return array;
|
|
|
|
},
|
2011-05-19 15:16:56 +00:00
|
|
|
hasKey: function(key) {
|
|
|
|
return (this.keyToMarker.hasOwnProperty(key));
|
|
|
|
},
|
|
|
|
showMarkers: function() {
|
|
|
|
$.each(this.keyToMarker, function(i, marker) {
|
|
|
|
marker.show();
|
|
|
|
});
|
|
|
|
},
|
|
|
|
hideMarkers: function() {
|
|
|
|
$.each(this.keyToMarker, function(i, marker) {
|
|
|
|
marker.hide();
|
|
|
|
});
|
|
|
|
},
|
|
|
|
addMarkersToMap: function() {
|
|
|
|
$.each(this.keyToMarker, function(i, marker) {
|
|
|
|
marker.addToMap();
|
|
|
|
});
|
|
|
|
},
|
|
|
|
removeMarkersFromMap: function() {
|
|
|
|
$.each(this.keyToMarker, function(i, marker) {
|
|
|
|
marker.removeFromMap();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
/**
|
2011-06-03 21:45:47 +00:00
|
|
|
* Customized Discipline labels MarkerManager for Science map purpose. It is an abstract class
|
|
|
|
*/
|
|
|
|
var DisciplineLabelsMarkerManager = MarkerManager.extend({
|
|
|
|
init: function(map) {
|
|
|
|
this._super();
|
|
|
|
this.map = map;
|
|
|
|
this.initMarkers(map);
|
|
|
|
},
|
|
|
|
initMarkers: function(map) {
|
|
|
|
me = this;
|
|
|
|
$.each(DISCIPLINES, function(id, discipline) {
|
|
|
|
var opts = {
|
|
|
|
map: map,
|
|
|
|
position: createNoWrapLatLng(discipline.labelLatitude, discipline.labelLongitude),
|
|
|
|
icon: getDisciplineLabelImageURL(id),
|
|
|
|
clickable: false
|
|
|
|
};
|
|
|
|
me.addMarker(id, new Marker(opts));
|
|
|
|
});
|
|
|
|
},
|
|
|
|
showMarkers: function() {
|
|
|
|
this._super();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Customized MarkerManager for Science map purpose. It is an abstract class
|
2011-05-19 15:16:56 +00:00
|
|
|
*/
|
2011-06-03 21:45:47 +00:00
|
|
|
var ScimapMarkerManager = MarkerManager.extend({
|
2011-05-19 15:16:56 +00:00
|
|
|
init: function(map, colorStrategy, sizeCoder) {
|
|
|
|
this._super();
|
|
|
|
this.colorStrategy = colorStrategy;
|
|
|
|
this.sizeCoder = sizeCoder;
|
|
|
|
this.map = map;
|
2011-06-03 21:45:47 +00:00
|
|
|
this.maxValue = 1;
|
2011-05-19 15:16:56 +00:00
|
|
|
this.layer = {};
|
|
|
|
},
|
|
|
|
setSizeCoder: function(sizeCoder) {
|
|
|
|
this.sizeCoder = sizeCoder;
|
2011-06-03 21:45:47 +00:00
|
|
|
this.maxValue = sizeCoder.getMaxValue();
|
2011-05-19 15:16:56 +00:00
|
|
|
},
|
|
|
|
createMarker: function(key, density) {
|
|
|
|
var me = this;
|
|
|
|
var marker;
|
|
|
|
if (!me.hasKey(key)) {
|
|
|
|
var size = me.sizeCoder.getSize(density);
|
|
|
|
var color = me.colorStrategy.getColor(key);
|
|
|
|
var layer = me.layer;
|
|
|
|
var label = layer[key].label;
|
|
|
|
var latlng = createNoWrapLatLng(layer[key].latitude, layer[key].longitude);
|
|
|
|
marker = createScinodeMarker(me.map, label, density, size, color, latlng);
|
|
|
|
me.addMarker(key, marker);
|
|
|
|
} else {
|
|
|
|
marker = me.keyToMarker[key];
|
|
|
|
marker.setValue(marker.getValue() + density);
|
|
|
|
marker.setSize(me.sizeCoder.getSize(marker.getValue()));
|
|
|
|
}
|
|
|
|
return marker;
|
|
|
|
},
|
|
|
|
updateMarkerViews: function() {
|
|
|
|
var me = this;
|
|
|
|
for (var key in me.keyToMarker) {
|
|
|
|
var marker = me.keyToMarker[key];
|
|
|
|
marker.setSize(me.sizeCodingFunc(marker.getValue()));
|
|
|
|
marker.setColor(me.colorStrategy.getColor(key));
|
|
|
|
}
|
2011-05-26 23:31:39 +00:00
|
|
|
},
|
|
|
|
display: function(numberOfMarkers) {
|
2011-06-03 21:45:47 +00:00
|
|
|
var markerArray = this.sortedMarkers;
|
|
|
|
if (!markerArray || !markerArray.length) {
|
|
|
|
markerArray = this.getMarkerArray();
|
|
|
|
}
|
|
|
|
|
|
|
|
$.each(markerArray, function() {
|
|
|
|
if (numberOfMarkers > 0) {
|
|
|
|
this.show();
|
|
|
|
numberOfMarkers--;
|
2011-05-26 23:31:39 +00:00
|
|
|
} else {
|
2011-06-03 21:45:47 +00:00
|
|
|
this.hide();
|
2011-05-26 23:31:39 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
mouseIn: function(key) {
|
|
|
|
var marker = this.getMarker(key);
|
|
|
|
if (marker) {
|
|
|
|
marker.focus();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
mouseInAll: function() {
|
|
|
|
$.each(this.keyToMarker, function(i, marker) {
|
|
|
|
marker.focus();
|
|
|
|
});
|
|
|
|
},
|
2011-05-28 00:05:42 +00:00
|
|
|
mouseOut: function(key) {
|
2011-05-26 23:31:39 +00:00
|
|
|
var marker = this.getMarker(key);
|
|
|
|
if (marker) {
|
|
|
|
marker.unfocus();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
mouseOutAll: function() {
|
|
|
|
$.each(this.keyToMarker, function(i, marker) {
|
|
|
|
marker.unfocus();
|
|
|
|
});
|
2011-06-03 21:45:47 +00:00
|
|
|
},
|
|
|
|
sort: function() {
|
|
|
|
this.sortedMarkers = this.getMarkerArray();
|
|
|
|
this.sortedMarkers.sort(function(a, b) {
|
|
|
|
return b.getValue() -a.getValue();
|
|
|
|
});
|
2011-05-19 15:16:56 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
var DisciplineMarkerManager = ScimapMarkerManager.extend({
|
|
|
|
init: function(map, colorStrategy, sizeCoder) {
|
|
|
|
this._super(map, colorStrategy, sizeCoder);
|
|
|
|
this.layer = DISCIPLINES;
|
|
|
|
},
|
|
|
|
createMarker: function(subdisciplineKey, density) {
|
|
|
|
var me = this;
|
|
|
|
var key = SUBDISCIPLINES[subdisciplineKey].discipline;
|
2011-06-03 21:45:47 +00:00
|
|
|
var marker = this._super(key, density);
|
|
|
|
var poly = marker.polygon;
|
|
|
|
|
|
|
|
marker.setContent(
|
|
|
|
'<div style="font-size: 80%; padding: 5px; text-align: left;"><b>'
|
|
|
|
+ poly.label +'</b><br />'
|
|
|
|
+ addCommasToNumber(poly.value.toFixed(2)) + ' of pubs.<br />'
|
|
|
|
+ (poly.value * 100 / this.maxValue).toFixed(2) + '% of activity</div>'
|
|
|
|
);
|
|
|
|
return marker;
|
2011-05-19 15:16:56 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
var SubdisciplineMarkerManager = ScimapMarkerManager.extend({
|
|
|
|
init: function(map, colorStrategy, sizeCoder) {
|
|
|
|
this._super(map, colorStrategy, sizeCoder);
|
|
|
|
this.layer = SUBDISCIPLINES;
|
2011-06-03 21:45:47 +00:00
|
|
|
},
|
|
|
|
createMarker: function(subdisciplineKey, density) {
|
|
|
|
var marker = this._super(subdisciplineKey, density);
|
|
|
|
var disciplineId = SUBDISCIPLINES[subdisciplineKey].discipline;
|
|
|
|
var disciplineLabel = DISCIPLINES[disciplineId].label;
|
|
|
|
var poly = marker.polygon;
|
|
|
|
/* Override the getContent for Subdiscipline */
|
|
|
|
marker.setContent(
|
|
|
|
'<div style="font-size: 80%; padding: 5px; text-align: left;"><b>'
|
|
|
|
+ poly.label + '</b> in ' + disciplineLabel +'<br />'
|
|
|
|
+ addCommasToNumber(poly.value.toFixed(2)) + ' of pubs.<br />'
|
|
|
|
+ (poly.value * 100 / this.maxValue).toFixed(2) + '% of activity</div>'
|
|
|
|
);
|
|
|
|
|
|
|
|
return marker;
|
2011-05-19 15:16:56 +00:00
|
|
|
}
|
|
|
|
});
|