<html>
<head>
<meta charset="utf-8">
<title>ヘクサス</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="sample.js"></script>
<script src="svgpaint.js"></script>
</head>
<body onload="sample()">
<div id="memo"></div>
</body></html>
var geo=new Array();
var city=new Array();
var lon=new Array();
var lat=new Array();
var lonx=new Array();
var latx=new Array();
var number;
google.load('visualization', '1', { 'packages': ['map'] });
var x=new Array();
function sample() {
var query = "SELECT * FROM " +
'1CAVbnVkOx7PkHsCbsfE8LrK5o95oVx9xrWophr1c';
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;
lon[sx] = rows[i][1];
lat[sx] = rows[i][2];
city[sx] = rows[i][0];
}
number = sx;
for(s=1;s<number+1;s++){
if(city[s].length<5)city[s]="0"+city[s];
}
sx=0;
for(s=1;s<number+1;s++){
p1=city[s].substring(0,2);
if(p1=="23")sx=sx+1;
if(p1=="23")latx[sx]=lon[s];
if(p1=="23")lonx[sx]=lat[s];
if(p1=="14")sx=sx+1;
if(p1=="14")latx[sx]=lon[s];
if(p1=="14")lonx[sx]=lat[s];
}
number=sx;
for(s=0;s<number+1;s++){
x[s]=new Array();
}
x[0][0]="lat";
x[0][1]="long";
x[0][2]="name";
for(s=1;s<number+1;s++){
x[s][0]=latx[s];
x[s][1]=lonx[s];
x[s][2]=""+city[s];
}
var data = google.visualization.arrayToDataTable(x);
var options = { showTip: true };
var map = new google.visualization.Map(document.getElementById('memo'));
map.draw(data, options);
}
});
}
最終更新：2015年10月29日 23:24
