New maps in progress...

This commit is contained in:
Arturo Gonzalez 2016-02-22 13:28:33 +01:00
parent d12eb3f8ea
commit 6fae17432a

View File

@ -34,13 +34,16 @@ This function init the map
*/ */
MapController.prototype.init_map = function() { MapController.prototype.init_map = function() {
var svg = d3.select(this._target + " svg"); var svg = d3.select(this._target + " svg");
var self = this;
var viewport = svg var viewport = svg
.call(d3.behavior.zoom().scaleExtent([1/100, 100]).on("zoom", zoom)) .call(d3.behavior.zoom().scaleExtent([1/100, 100]).on("zoom", zoom))
.append("g") .append("g")
.attr("class", "viewport"); .attr("class", "viewport");
function zoom() { function zoom() {
self.tooltip_map_close();
viewport viewport
.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")"); .attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
} }
@ -149,19 +152,16 @@ Return void
This function manages mouse clicks and run events in consecuence This function manages mouse clicks and run events in consecuence
*/ */
MapController.prototype.click_event = function(event) { MapController.prototype.click_event = function(event) {
console.log(1111);
var self = event.data.map; var self = event.data.map;
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
switch (event.which) { switch (event.which) {
case 1: case 1:
console.log(2222);
if ($(event.currentTarget).hasClass("node")) { if ($(event.currentTarget).hasClass("node")) {
console.log(3333);
self.tooltip_map_create(self, event); self.tooltip_map_create(self, event);
} }
else { else {
self.tooltip_map_close(self, event); self.tooltip_map_close();
} }
break; break;
case 2: case 2:
@ -193,7 +193,7 @@ MapController.prototype.tooltip_map_create = function(self, event, close) {
offsetX: nodeR, offsetX: nodeR,
theme: 'tooltipster-noir', theme: 'tooltipster-noir',
multiple: true, multiple: true,
content: $('<span class="mierdaca">I\'M A FUCKING TOOLTIP!!</span>') content: $('<span>I\'M A FUCKING TOOLTIP!!</span>')
}); });
this._tooltipsID.push(node_id); this._tooltipsID.push(node_id);
@ -207,7 +207,7 @@ Function tooltip_map_close
Return void Return void
This function eliminates nodes tooltips This function eliminates nodes tooltips
*/ */
MapController.prototype.tooltip_map_close = function(self, event) { MapController.prototype.tooltip_map_close = function() {
for (i = 0; i < this._tooltipsID.length; i++) { for (i = 0; i < this._tooltipsID.length; i++) {
$('#' + this._tooltipsID[i]).tooltipster("hide"); $('#' + this._tooltipsID[i]).tooltipster("hide");
} }