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;
for(s=1;s<number+1;s++){
point[s]=0;
}
dicnumber=1;
dic[1]="東京";
number_line=0;
for(tr=1;tr<6;tr++){
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<dicnumber+1;sx++){
if(namex[s]==dic[sx])h=100;
}
if(h>50)number_line=number_line+1;
if(h>50)dic_line[number_line]=line[s];
}
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<number_line+1;sx++){
if(line[s]==dic_line[sx])h=100;
}
if(h>50)dicnumber=dicnumber+1;
if(h>50)dic[dicnumber]=namex[s];
}
}
for(s=1;s<number+1;s++){
point[s]=0;
for(sx=1;sx<number_line+1;sx++){
if(line[s]==dic_line[sx])point[s]=100;
}
}
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];
}
paint();
}
});
}
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,5,5,"red");
}
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2015年12月30日 15:21