var namex=new Array();
var lon=new Array();
var lat=new Array();
var number;
function sample() {
var query = "SELECT lon,lat,'name' FROM " +
'1hgD_gRPpWk2bgZZD9g-wvTBNrthfxCoi0QiKAyz0';
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][0];
var x2 = rows[i][1];
var x3 = rows[i][2];
sx = sx + 1;
lon[sx] = x1;
lat[sx] = x2;
namex[sx]=x3;
}
number = sx;
paint();
}
});
}
function paint(){
var sub3=new svgpaint();
maxy=0;
maxx =0;
minx = 8888;
miny = 9999;
for (s = 1; s < number + 1;s++ ){
y1 = lon[s];
x1 = lat[s];
if (x1 <100) x1 = 140;
if (y1 <10) y1 = 40;
if(y1>maxy)maxy=lon[s];
if(x1>maxx)maxx=lat[s];
if(y1<miny)miny=lon[s];
if(x1<minx)minx=lat[s];
}
str = "<svg width=\"500\" height=\"500\">";
for(s=1;s<number+1;s++){
y1 = (500*(lon[s]-miny)) / (maxy-miny);
x1 = (500*(lat[s]-minx)) / (maxx-minx);
str=str+sub3.rect(x1,500-y1,5,5,"blue");
}
for(s=1;s<number+1;s++){
y1 = (500*(lon[s]-miny)) / (maxy-miny);
x1 = (500*(lat[s]-minx)) / (maxx-minx);
str=str+sub3.text(x1,500-y1,3,namex[s]);
}
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2015年11月01日 23:40