アットウィキロゴ
プログラム倉庫
アットウィキロゴ
プログラム倉庫
ページ一覧

社会ｃ

<html>
<head>
<meta charset="utf-8"/>
<title>社会人口</title>
<script src="jquery.js"></script>
<script src="test.js"></script>
<script src="svgpaint.js"></script>
<script src="map.js"></script>
</head>
<body onload="jsonp(2)">
<br>
<input type="button" value="検索" onClick="map()" />
<div id="memo" style="width: 800px; height: 500px;">ダウンロード中</div>
</body>
</html>
 
 
c=new Array();
y=new Array();
v=new Array();
c1=new Array();
v1=new Array();
 
var number,subnumber;
 
function jsonp(page){
 
var urlx;
 
urlx="http://atsites.jp/skebank/soc/gdata/"+page+".jsonp";
 
$.ajax({
  type: 'GET',
  url: urlx,
  dataType: 'jsonp',
  jsonpCallback: 'callback',
  success: function(json){
 
number = json.length;
var s;
var x1;
for(s=0; s<number; s++){
c[s+1]=json[s].city;
x1=json[s].year;
y[s+1]=parseInt(x1);
x1=json[s].v;
v[s+1]=parseInt(x1);
}
 
f();
 
$("#memo").html(subnumber);
 
 
}
});
}
 
function f(){
 
var s,sx,y1;
y1=0;
for(s=0; s<number+1; s++){
if(y[s]>y1)y1=y[s];
}
 
sx=0;
for(s=0; s<number+1; s++){
if(y[s]==y1)sx=sx+1;
if(y[s]==y1)c1[sx]=c[s];
if(y[s]==y1)v1[sx]=v[s];
}
 
subnumber=sx;
 
}
 
 
 
var c_map=new Array();
var x_map=new Array();
var y_map=new Array();
var number_map;
 
function map() {
 
 
       var query = "SELECT * FROM " +
            '1kqo0TFgcUV4pJwSXZ5npf9Q8PbR7k7oa_64UVfA';
 
        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=?');
 
sx=0;
 
        $.ajax({
          url: url.join(''),
          dataType: 'jsonp',
          success: function (data) {
 
 var rows = data['rows'];
 
for (var i in rows) {
sx=sx+1;
c_map[sx]= rows[i][0];                                                         
x_map[sx]= rows[i][1];
y_map[sx]= rows[i][2];                 
}
 
number_map=sx;
 
for(sx=1;sx<number_map;sx++){
if(c_map[sx].length<5)c_map[sx]="0"+c_map[sx];
}
 
$("#memo").text("準備完了"); 
 
table();
 
}
});
 
}
 
px=new Array();
py=new Array();
 
function table(){
 
var maxx,minx,maxy,miny;
var s;
 
maxx=0;
minx=999;
for(s=1;s<number_map+1;s++){
if(x_map[s]>maxx)maxx=x_map[s];
if(x_map[s]<minx)minx=x_map[s];
}
 
maxy=0;
miny=999;
for(s=1;s<number_map+1;s++){
if(y_map[s]>maxy)maxy=y_map[s];
if(y_map[s]<miny)miny=y_map[s];
}
 
var xx,yy;
 
xx=maxx-minx;
yy=maxy-miny;
 
var str;
 
 
for(s=1;s<subnumber+1;s++){
px[s]=0;
py[s]=0;
for(sx=1;sx<number_map+1;sx++){
if(c_map[sx]==c1[s])px[s]=500*(x_map[sx]-minx)/xx;
if(c_map[sx]==c1[s])py[s]=500*(y_map[sx]-miny)/yy;
}
}
 
var sub=new svgpaint();
 
str="<svg>";
for(s=1;s<subnumber+1;s++){
if(v1[s]>100000)str=str+sub.rect(50+py[s],600-px[s],3,3,"red");
if(v1[s]<100000)str=str+sub.rect(50+py[s],600-px[s],3,3,"blue");
}
str=str+"</svg>";
 
$("#memo").html(str);
 
}
 
「社会ｃ」をウィキ内検索
最終更新：2013年12月28日 19:53