var lon=new Array();
var lat=new Array();
var lonx=new Array();
var latx=new Array();
var line=new Array();
var namex=new Array();
var point=new Array();
var number,dicnumber,number_line;
var dic=new Array();
var dic_line=new Array();
google.load('visualization', '1', { 'packages': ['map'] });
function sample() {
var query = "SELECT * FROM " +
'1CinVky9nAgONDE-OWu-JLJu_YldV2Uyd_v-6bgeu';
var encodedQuery = encodeURIComponent(query);
var url = ['https://www.googleapis.com/fusiontables/v1/query'];
url.push('?sql=' + encodedQuery);
url.push('&key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY');
url.push('&callback=?');
$.ajax({
url: url.join(''),
dataType: 'jsonp',
success: function (data) {
var rows = data['rows'];
sx = 0;
for (var i in rows) {
var x1 = rows[i][3];
var x2 = rows[i][4];
var x3=rows[i][2];
var x4=rows[i][1];
var x5=rows[i][0];
if(x3=="東日本旅客鉄道")sx=sx+1;
if(x3=="東日本旅客鉄道")line[sx]=x4;
if(x3=="東日本旅客鉄道")namex[sx]=x5;
if(x3=="東日本旅客鉄道")lon[sx] = x2;
if(x3=="東日本旅客鉄道")lat[sx] = x1;
}
number = sx;
a="東京";
maxx=0;
minx=999;
for(s=1;s<number+1;s++){
if(lat[s]>maxx)maxx=lat[s];
if(lat[s]<minx)minx=lat[s];
}
maxy=0;
miny=999;
for(s=1;s<number+1;s++){
if(lon[s]>maxy)maxy=lon[s];
if(lon[s]<miny)miny=lon[s];
}
var timer;
var delay = 1000;
var loop = function () {
sx=0;
for(s=1;s<number+1;s++){
if(namex[s]==a)sx=sx+1;
if(namex[s]==a)dic_line[sx]=line[s];
}
number_line=sx;
n=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<number_line+1;sx++){
if(dic_line[sx]==line[s])h=100;
}
if(h>50)n=n+1;
if(h>50)dic[n]=namex[s];
}
dicnumber=n;
n1=dicnumber*Math.random();
n2=Math.floor(n1)+1;
a=dic[n2];
for(s=1;s<number+1;s++){
point[s]=0;
}
for(s=1;s<number+1;s++){
if(a==namex[s])point[s]=100;
}
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
});
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
str=str+sub.rect(0,0,500,500,"blue");
for(s=1;s<number+1;s++){
x1=500*(lat[s]-minx)/(maxx-minx);
y1=500*(lon[s]-miny)/(maxy-miny);
str=str+sub.rect(x1,500-y1,2,2,"green");
if(point[s]>50)str=str+sub.rect(x1,500-y1,10,10,"red");
}
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2015年12月31日 08:04