google.load("visualization", "1", {packages:["corechart"]});
var point = new Array();
var x = new Array();
var code = new Array();
var lon = new Array();
var lat = new Array();
var city = new Array();
var v = new Array();
function sample() {
var query = "SELECT * FROM " +
'1CBuIUx2yhcqP5pamQY-6ztFe2e4J_xBKHMllRfMV';
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;
code[sx] = rows[i][1];
point[sx] = rows[i][7];
}
number = sx;
for (s = 1; s < number + 1; s++) {
code[s] = code[s].replace("ti.", "");
}
paint();
}
});
}
function paint() {
var query = "SELECT * FROM " +
'1BKc5KnAMmETRKTlpozbCkCXaDZf-W81ZVdzz6dVG';
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;
city[sx] = rows[i][3];
lon[sx] = rows[i][0];
lat[sx] = rows[i][1];
}
datanumber = sx;
for (s = 1; s < datanumber; s++) {
if (city[s].length < 5) city[s] = "0" + city[s];
}
maxx = 0;
maxy = 0;
minx = 400;
miny = 400;
for (s = 1; s < datanumber + 1; s++) {
if (lat[s] > maxx) maxx = lat[s];
if (lat[s] < minx) minx = lat[s];
if (lon[s] > maxy) maxy = lon[s];
if (lon[s] < miny) miny = lon[s];
}
for (s = 1; s < datanumber + 1; s++) {
v[s] = 0;
for (sx = 1; sx < number + 1; sx++) {
if (city[s] == code[sx]) v[s] = point[sx];
}
}
var sub = new svgpaint();
str = "<svg width=\"500\" height=\"500\">";
for (s = 1; s < datanumber + 1; s++) {
x1 = 500 * (lat[s] - minx) / (maxx - minx);
y1 = 500 * (lon[s] - miny) / (maxy - miny);
str = str + sub.circle(x1, 500 - y1, 1, "blue");
if (v[s] > 1000) str = str + sub.circle(x1, 500 - y1, 1, "yellow");
if (v[s] > 10000) str = str + sub.circle(x1, 500 - y1, 1, "red");
}
str = str + "</svg>";
$("#memo").html(str);
}
});
最終更新:2016年01月25日 09:15