<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>playboy</title>
<script src="jquery.js"></script>
<script src="playboy.js"></script>
<script src="pol.js"></script>
</head>
<body onload="sample()">
<p id="memo">準備中</p>
</body>
</html>
var c=new Array();
var n=new Array();
var str;
var number;
var citynumber;
var city=new Array();
var cx=new Array();
var cy=new Array();
var px=new Array();
var py=new Array();
function sample(){
$.getJSON("map.json", function(data){
var sx;
sx=0;
for(i in data){
sx=sx+1;
c[sx]=data[i].code;
n[sx]=data[i].n;
cx[sx]=data[i].x;
cy[sx]=data[i].y;
}
number=sx;
map();
pol();
});
}
function map(){
var s,sx,h,sxs,n1;
citynumber=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<citynumber+1;sx++){
if(c[s]==city[sx])h=100;
}
if(h<50)citynumber=citynumber+1;
if(h<50)city[citynumber]=c[s];
}
var maxx,maxy,minx,miny;
maxx=0;
maxy=0;
for(s=1;s<number+1;s++){
if(cx[s]>maxx)maxx=cx[s];
if(cy[s]>maxy)maxy=cy[s];
}
minx=999;
miny=999;
for(s=1;s<number+1;s++){
if(cx[s]<minx)minx=cx[s];
if(cy[s]<miny)miny=cy[s];
}
for(sx=1;sx<citynumber+1;sx++){
px[sx]=new Array();
py[sx]=new Array();
}
for(s=1;s<number+1;s++){
sxs=0;
for(sx=1;sx<citynumber+1;sx++){
if(c[s]==city[sx])sxs=sx;
}
n1=n[s];
px[sxs][n1]=500*(cx[s]-minx)/(maxx-minx);
py[sxs][n1]=500*(cy[s]-miny)/(maxy-miny);
}
}
var data_pol;
var x_pol=new Array();
var y_pol=new Array();
function pol(){
var str;
str="<svg>";
var s,sx;
for(s=1;s<citynumber+1;s++){
for(sx=1;sx<37;sx++){
x_pol[sx]=py[s][sx-1]+100;
y_pol[sx]=600-px[s][sx-1];
}
data_pol=poldata();
str=str+polygon("blue");
}
str=str+"</svg>";
$("#memo").html(str);
}
function poldata(){
var s;
var strx;
strx="";
for(s=1;s<37;s++){
strx=strx+x_pol[s]+","+y_pol[s];
strx=strx+" ";
}
return strx;
}
function polygon(col){
var strx;
strx="<polygon points="+change(data_pol)+"style=fill:";
strx=strx+col+";\"/>";
return strx;
}
function change(str){
var strx;
strx="\""+str+"\"";
return strx;
}
最終更新：2013年12月30日 04:23
