var point = new Array();
var namex = new Array();
var lon = new Array();
var lat = new Array();
var city = new Array();
var lonx = new Array();
var latx = new Array();
function sample() {
var query = "SELECT * FROM " +
'1xwd7VM8WWHMT457a00ZBr5is8w9Vj8fkkH47a3SY';
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) {
sx = sx + 1;
lon[sx]=rows[i][4];
lat[sx]=rows[i][3];
namex[sx]=rows[i][0];
city[sx]=rows[i][7];
}
number = sx;
for(s=1;s<number+1;s++){
if(city[s].length==4)city[s]="0"+city[s];
}
sx=0;
for(s=1;s<number+1;s++){
c1=city[s].substring(0,2);
if(c1=="38")sx=sx+1;
if(c1=="38")lonx[sx]=lon[s];
if(c1=="38")latx[sx]=lat[s];
if(c1=="38")point[sx]=namex[s];
}
number=sx;
paint();
}
});
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
maxx=0;
minx=9999;
maxy=0;
miny=9999;
for(s=1;s<number+1;s++){
if(latx[s]>maxx)maxx=latx[s];
if(latx[s]<minx)minx=latx[s];
}
for(s=1;s<number+1;s++){
if(lonx[s]>maxy)maxy=lonx[s];
if(lonx[s]<miny)miny=lonx[s];
}
for(s=1;s<number+1;s++){
x1=500*(latx[s]-minx)/(maxx-minx);
y1=500*(lonx[s]-miny)/(maxy-miny);
str=str+sub.text(x1,500-y1,5,point[s]);
}
str=str+sub.rect(0,0,5,5,"blue");
str=str+sub.rect(496,495,5,5,"blue");
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2016年12月31日 17:19