From f8ad2d0b095a79dbd8c6b9739f6deaec9655238c Mon Sep 17 00:00:00 2001 From: rscmbbng Date: Mon, 23 Sep 2013 19:30:00 +0200 Subject: [PATCH] added node clustering --- web/js/bc.js | 86 ++-------------------------------------------------- 1 file changed, 2 insertions(+), 84 deletions(-) diff --git a/web/js/bc.js b/web/js/bc.js index 9a45de8..20562fc 100644 --- a/web/js/bc.js +++ b/web/js/bc.js @@ -2,33 +2,9 @@ window.onload = function () { index = 0 var map = L.map('map',{ minZoom: 2, - maxZoom:5, + maxZoom:6, - }).setView(latlong[index], 2); - - L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(map); - //the slider bar - $('#button').bind('click', function(){ - $('#bar').animate({"width": '200'}) - var info = $("

this is where info goes

I will make a 'slide back' option later

") - .appendTo("#bar") - console.log('click') - - }) - - $('#but').bind('click', function(){ - console.log('click') - $('.leaflet-popup-content-wrapper').css({'height':'700px'}) - $('#metadata-content').show() - })window.onload = function () { - index = 0 - var map = L.map('map',{ - minZoom: 2, - maxZoom:5, - - }).setView(latlong[index], 2); + }).setView(latlong[index], 5); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' @@ -110,61 +86,3 @@ $('.leaflet-marker-icon').bind('click', function(){ }) }; - - - //function chain for drawing the markers and lines on the map. - - delay = (400+timestamp_list[index]) - - AddStep(latlong[index], latlong[index+1], index) - - function AddMarker(src, index){ - var marker = L.marker([src[0], src[1]]) - var popup = L.Popup({ - maxHeight: 50}) - var popupcontent = "

Hop no:"+hop_list[index]+"

Server name:
"+server_name_list[index]+"
Network owner:
"+asn_list[index]+"
" - marker.bindPopup(popupcontent) - marker.addTo(map).openPopup() - $('#metadata-content').hide() - } - - function AddStep(src, dest, index){ - var b = new R.BezierAnim([src, dest], {}) - map.addLayer(b) - AddMarker(src, index) - processStep(index) - //console.log(delay) - } - - function processStep (index) { - map.panTo(latlong[index]); - if (index < counter_max-2) { - //console.log('hop#', hop_list[index]) - changeFavicon('js/world/'+country_code_list[index]+'.png') - window.setTimeout(function () { - AddStep(latlong[index], latlong[index+1], index) - }, delay);} - else - if (index < counter_max-1){ - //console.log('hop#', hop_list[index]) - changeFavicon('js/world/'+country_code_list[index]+'.png') - window.setTimeout(function () { - AddStep(latlong[index], latlong[index], index) - }, delay);} - - else - if (index = counter_max-1){ - changeFavicon('js/world/'+country_code_list[index]+'.png') - //console.log('fin') - //map.fitBounds([bounds]) - - } - - index = index + 1 - delay = (400 + timestamp_list[index]) - } -$('.leaflet-marker-icon').bind('click', function(){ - console.log('clickkkk') -}) -}; -