mirror of https://github.com/rscmbbng/Border-Check
rscmbbng
11 years ago
4 changed files with 3 additions and 234 deletions
@ -1,228 +0,0 @@ |
|||||
var DEFAULT_POINT = new L.LatLng(52.50085, 13.42232); |
|
||||
var map; |
|
||||
var rapath; |
|
||||
var info; |
|
||||
|
|
||||
function RaPath() { |
|
||||
this.layers = []; |
|
||||
this.timeout = null; |
|
||||
} |
|
||||
|
|
||||
RaPath.prototype = { |
|
||||
addPathPart: function (hop_src, hop_dest, cb) { |
|
||||
var b = new R.BezierAnim([hop_src.p, hop_dest.p], {}, function () { |
|
||||
if (cb) |
|
||||
cb(); |
|
||||
}); |
|
||||
this.layers.push(b); |
|
||||
map.addLayer(b); |
|
||||
}, |
|
||||
addPulse: function (hop) { |
|
||||
var pulse = new R.Pulse( |
|
||||
hop.p, |
|
||||
3, |
|
||||
{'stroke': '#2478ad', 'fill': '#30a3ec'}, |
|
||||
{'stroke': '#30a3ec', 'stroke-width': 2}); |
|
||||
pulse.tooltip = this.getHopsText(hop); |
|
||||
// var caller = this;
|
|
||||
pulse.click = function (e) { |
|
||||
//alert(caller.getHopsText(hop));
|
|
||||
// var popup = L.popup()
|
|
||||
// .setLatLng(hop.p)
|
|
||||
// .setContent(caller.getHopsText(hop))
|
|
||||
// .openOn(map);
|
|
||||
}; |
|
||||
this.layers.push(pulse); |
|
||||
map.addLayer(pulse); |
|
||||
return pulse; |
|
||||
}, |
|
||||
getHopsText: function (hop) { |
|
||||
return hop.ip + ' - ' + (hop.geo.city ? hop.geo.city + ', ' : '') + hop.geo.country; |
|
||||
}, |
|
||||
clear: function () { |
|
||||
if (this.timeout) |
|
||||
window.clearTimeout(this.timeout); |
|
||||
this.timeout = null; |
|
||||
this.setButton(false); |
|
||||
if (this.layers.length > 0) |
|
||||
this.layers.forEach(function (l) { |
|
||||
map.removeLayer(l); |
|
||||
}); |
|
||||
info.clear(); |
|
||||
}, |
|
||||
setButton: function (active) { |
|
||||
if (this.geotrace) |
|
||||
if (active) |
|
||||
$('#btn_' + this.geotrace.id).addClass('btn_active', active); |
|
||||
else |
|
||||
$('#btn_' + this.geotrace.id).removeClass('btn_active', active); |
|
||||
}, |
|
||||
start: function (geotrace) { |
|
||||
$('.leaflet-top').fadeIn(); |
|
||||
this.clear(); |
|
||||
this.geotrace = geotrace; |
|
||||
this.layers = []; |
|
||||
info.append(texts.requestline + ' ' + geotrace.name); |
|
||||
this.setButton(true); |
|
||||
this.processStep(0); |
|
||||
}, |
|
||||
processStep: function (index) { |
|
||||
var hop = this.geotrace.hops[index]; |
|
||||
info.append(this.getHopsText(hop)); |
|
||||
this.addPulse(hop); |
|
||||
map.panTo(hop.p); |
|
||||
var caller = this; |
|
||||
this.timeout = window.setTimeout(function () { |
|
||||
caller.stepPath(index + 1); |
|
||||
}, 200); |
|
||||
}, |
|
||||
displayEnd: function () { |
|
||||
//this.setButton(false); just let it active
|
|
||||
//$('.leaflet-control-zoom').show();
|
|
||||
var result = []; |
|
||||
for (key in this.geotrace.agencies) { |
|
||||
result.push(this.geotrace.agencies[key].name + ' (' + this.geotrace.agencies[key].cc + ')'); |
|
||||
} |
|
||||
info.append('<div id="agencies">' + texts.resultline + '</div>'); |
|
||||
info.append('<div id="agencies">' + result.join(' - ') + '</div>'); |
|
||||
map.fitBounds(this.geotrace.bounds); |
|
||||
}, |
|
||||
stepPath: function (index) { |
|
||||
var caller = this; |
|
||||
if (index >= this.geotrace.hops.length) { |
|
||||
this.timeout = window.setTimeout(function () { |
|
||||
caller.displayEnd(); |
|
||||
}, 3000); |
|
||||
return; |
|
||||
} |
|
||||
this.addPathPart(this.geotrace.hops[index - 1], this.geotrace.hops[index], function () { |
|
||||
caller.processStep(index); |
|
||||
}); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
function getUrlVars() { // Read a page's GET URL variables and return them as an associative array.
|
|
||||
var vars = {}, |
|
||||
hash; |
|
||||
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
|
||||
for (var i = 0; i < hashes.length; i++) { |
|
||||
hash = hashes[i].split('='); |
|
||||
vars[hash[0]] = hash[1]; |
|
||||
} |
|
||||
return vars; |
|
||||
} |
|
||||
|
|
||||
function init() { |
|
||||
try { |
|
||||
var query = getUrlVars(); |
|
||||
if (query.src) { |
|
||||
if (query.src == 'ch') |
|
||||
selectSrc('ch'); |
|
||||
else |
|
||||
if (query.src == 'fr') |
|
||||
selectSrc('fr'); |
|
||||
} |
|
||||
if ((query.colors) && (query.colors == "nzz")) { |
|
||||
$('body').attr('colors', "nzz"); |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
catch (e) { |
|
||||
//nop;
|
|
||||
} |
|
||||
|
|
||||
map = new L.Map("map", { center: DEFAULT_POINT, zoom: 3}); |
|
||||
|
|
||||
map.addLayer( |
|
||||
new L.TileLayer("http://trace.opendatacloud.de/{z}/{x}/{y}.png ", |
|
||||
{attribution: 'OpenDataCity, CC-BY', |
|
||||
minZoom: 2, |
|
||||
maxZoom: 5} |
|
||||
) |
|
||||
); |
|
||||
|
|
||||
rapath = new RaPath(); |
|
||||
|
|
||||
var legend = L.control({position: 'bottomleft'}); |
|
||||
legend.onAdd = function (map) { |
|
||||
var div = L.DomUtil.create('div', 'legend'); |
|
||||
$(div).html('<div class="legend border"><span id="cable"> </span> ' + texts.cable + '</div>'); |
|
||||
return div; |
|
||||
}; |
|
||||
legend.addTo(map); |
|
||||
|
|
||||
info = L.control({position: 'topleft'}); |
|
||||
info.onAdd = function (map) { |
|
||||
var div = L.DomUtil.create('div', 'hops'); |
|
||||
this._div = $(div); |
|
||||
this._div.attr('id', 'hops'); |
|
||||
this._div.empty(); |
|
||||
if (isFrame) { |
|
||||
this.append('<span class="upper">' + texts.tagline + '</span>'); |
|
||||
this.append(texts.subline); |
|
||||
this.append(texts.helpline); |
|
||||
} |
|
||||
return div; |
|
||||
}; |
|
||||
info.setText = function (txt) { |
|
||||
this._div.text(txt); |
|
||||
}; |
|
||||
info.setHTML = function (h) { |
|
||||
this._div.html(h); |
|
||||
}; |
|
||||
info.append = function (txt) { |
|
||||
if (this._div.children().length > 30) |
|
||||
this._div.children().first().remove(); |
|
||||
this._div.append('<p>' + txt + '</p>'); |
|
||||
|
|
||||
this._div.scrollTop(this._div.prop("scrollHeight")); |
|
||||
}; |
|
||||
info.clear = function () { |
|
||||
this._div.empty(); |
|
||||
}; |
|
||||
info.addTo(map); |
|
||||
|
|
||||
|
|
||||
//var lines = [texts.helpline];
|
|
||||
//new Typing().beginTyping(lines, $('#hops'));
|
|
||||
} |
|
||||
|
|
||||
function showRoute(id) { |
|
||||
if (routedata[id]) { |
|
||||
var route_agencies = {}; |
|
||||
var routes = routedata[id].routes; |
|
||||
if (routes && routes.length) { |
|
||||
var route = routes[(parseInt((Math.random() * 1000), 10) % routes.length)]; |
|
||||
var geotrace = {}; |
|
||||
geotrace.hops = []; |
|
||||
for (var i = 0; i < route.trace.length; i++) { |
|
||||
var ip = route.trace[i]; |
|
||||
var geo = geoinfo[ip]; |
|
||||
var hop = { |
|
||||
p: new L.LatLng(geo.lat, geo.lng), |
|
||||
ip: ip, |
|
||||
geo: geo |
|
||||
}; |
|
||||
var agency = agencies[geo.cc]; |
|
||||
if (agency) |
|
||||
route_agencies[agency.name] = agency; |
|
||||
geotrace.hops.push(hop); |
|
||||
} |
|
||||
var southWest = new L.LatLng(route.south, route.west), |
|
||||
northEast = new L.LatLng(route.north, route.east); |
|
||||
geotrace.bounds = new L.LatLngBounds(southWest, northEast); |
|
||||
geotrace.agencies = route_agencies; |
|
||||
geotrace.id = id; |
|
||||
geotrace.name = routedata[id].name; |
|
||||
rapath.start(geotrace); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
function selectSrc(cc) { |
|
||||
$('body').attr('requests', cc); |
|
||||
} |
|
||||
|
|
||||
$(document).ready(function () { |
|
||||
init(); |
|
||||
}); |
|
||||
Loading…
Reference in new issue