<html>
<head>
<meta charset="utf-8">
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="sample.js"></script>
</head>
<body onload="sample()">
<select id="sel" name="c">
<option value=1>えー</option>
<option value=2>え2ー</option>
</select>
<div id="memo" style="width: 900px; height: 500px;"></div>
</body>
</html>
var point=new Array();
var bus=new Array();
var pref=new Array();
var number;
google.load("visualization", "1", {packages:["geochart"]});
var namex=new Array();
var number_dir=new Array();
function sample() {
$("select").change(function () {
delta = $("#sel").val();
paint();
});
faststep();
var query = "SELECT * FROM " +'1HxwvJE6YyrORgq8la0vsc_hv7l4tLpKfbP-E7rqC';
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;
bus[sx]= rows[i][2]/1;
pref[sx]= rows[i][0]/1;
point[sx] = rows[i][20]/1;
}
number = sx;
delta=0;
paint();
}
});
}
function paint(){
var x=new Array();
var pointx=new Array();
for(s=1;s<48;s++){
pointx[s]=0;
}
for(s=1;s<number+1;s++){
n=pref[s];
m=bus[s];
if(m==delta)pointx[n]=point[s];
}
for(s=0;s<48;s++){
x[s]=new Array();
}
x[0][0]="Region";
x[0][1]="POINT";
for(s=1;s<48;s++){
x[s][0]=namex[s];
x[s][1]=pointx[s];
}
var data = google.visualization.arrayToDataTable(x);
var options = {
region: 'JP',
resolution: 'provinces',
colorAxis: {colors: ['blue','yellow', 'red']}
};
data = google.visualization.arrayToDataTable(x);
var chart = new google.visualization.GeoChart(document.getElementById('memo'));
chart.draw(data, options);
}
function faststep(){
namex[1]="北海道";
namex[2]="青森";
namex[3]="岩手";
namex[4]="宮城";
namex[5]="秋田";
namex[6]="山形";
namex[7]="福島";
namex[8]="茨城";
namex[9]="栃木";
namex[10]="群馬";
namex[11]="埼玉";
namex[12]="千葉";
namex[13]="東京";
namex[14]="神奈川";
namex[15]="新潟";
namex[16]="富山";
namex[17]="石川";
namex[18]="福井";
namex[19]="山梨";
namex[20]="長野";
namex[21]="岐阜";
namex[22]="静岡";
namex[23]="愛知";
namex[24]="三重";
namex[25]="滋賀";
namex[26]="京都";
namex[27]="大阪";
namex[28]="兵庫";
namex[29]="奈良";
namex[30]="和歌山";
namex[31]="鳥取";
namex[32]="島根";
namex[33]="岡山";
namex[34]="広島";
namex[35]="山口";
namex[36]="徳島";
namex[37]="香川";
namex[38]="愛媛";
namex[39]="高知";
namex[40]="福岡";
namex[41]="佐賀";
namex[42]="長崎";
namex[43]="熊本";
namex[44]="大分";
namex[45]="宮崎";
namex[46]="鹿児島";
namex[47]="沖縄";
}
最終更新:2016年05月31日 17:13