var point=new Array();
var lon=new Array();
var lat=new Array();
var number;
function sample() {
var query = "SELECT lon,lat,v FROM " +
'1BKgErwl7YQsXR0SYoLfE8MDurLLzfVmpL8EeuLqo';
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;
point[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++ ){
if(lon[s]>maxy)maxy=lon[s];
if(lat[s]>maxx)maxx=lat[s];
if(lon[s]<miny)miny=lon[s];
if(lat[s]<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,2,2,"blue");
}
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2015年10月04日 12:25