<!DOCTYPE html>
<html>
<head>
<title>TODO</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="sample.js"></script>
</head>
<body onload="sample()">
<select id="sel" name="x"></select>
<p id="memo"></p>
</body>
</html>
var lon=new Array();
var lat=new Array();
var lonx=new Array();
var latx=new Array();
var lony=new Array();
var laty=new Array();
var line=new Array();
var dic=new Array();
var point=new Array();
var sta=new Array();
var number,dicnumber;
google.load("visualization", "1", {packages:["corechart"]});
function sample() {
$("select").change(function () {
var v2 = $("#sel").val();
paint(v2);
});
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];
sx = sx + 1;
sta[sx]=rows[i][0];
line[sx]=rows[i][2]+rows[i][1];
lon[sx] = x1;
lat[sx] = x2;
}
number = sx;
dicnumber=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<dicnumber+1;sx++){
if(dic[sx]==line[s])h=100;
}
if(h<50)dicnumber=dicnumber+1;
if(h<50)dic[dicnumber]=line[s];
}
for(s=1;s<dicnumber+1;s++){
$('#sel').append($('<option>').html(dic[s]).val(s));
}
faststep();
}
});
}
function paint(n1) {
var namex=new Array();
sx=0;
for(s=1;s<number+1;s++){
if(dic[n1]==line[s])sx=sx+1;
if(dic[n1]==line[s])lonx[sx]=lon[s];
if(dic[n1]==line[s])latx[sx]=lat[s];
if(dic[n1]==line[s])namex[sx]=sta[s];
}
delta=sx;
var v=new Array();
for(s=1;s<delta+1;s++){
mind=9999999999;
sxs=0;
for(sx=1;sx<datanumber+1;sx++){
y1=1*lonx[s]-1*lony[sx];
x1=1*latx[s]-1*laty[sx];
d1=x1*x1+2.25*y1*y1;
if(d1<mind)sxs=sx;
if(d1<mind)mind=d1;
}
v[s]=point[sxs];
}
var x=new Array();
for(s=0;s<delta+1;s++){
x[s]=new Array();
}
x[0][0]="駅";
x[0][1]="地価";
for(s=1;s<delta+1;s++){
x[s][0]=namex[s];
x[s][1]=1*v[s];
}
var data =google.visualization.arrayToDataTable(x);
var op = {title: '都道府県地価調査'};
var chart = new google.visualization.LineChart(document.getElementById('memo'));
chart.draw(data, op);
}
function faststep() {
var query = "SELECT * FROM " +'12F5kYxKXUjQOL-DLFu6L4x6jXvnztJEKCT4OalD6';
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 year = rows[i][0];
var x1 = rows[i][1];
var x2 = rows[i][2];
sx = sx + 1;
laty[sx] = x2;
lony[sx] = x1;
point[sx] = year;
}
datanumber=sx;
paint(1);
}
});
}
最終更新:2016年01月29日 17:14