<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
var point=new Array();
function sample(){
google.script.run
.withSuccessHandler(function(ex) {
point=ex;
})
.withFailureHandler(function(msg) {
$("#memo").html("fail");
})
.step();
setTimeout(play,1000);
}
function play() {
google.charts.load('current', {'packages':['geochart'],'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'});
google.charts.setOnLoadCallback(paint);
}
function paint() {
x=new Array();
for(s=0;s<3;s++){
x[s]=new Array();
}
x[0][0]="都市";
x[0][1]="人口";
x[1][0]="札幌";
x[1][1]=point[1];
x[2][0]="仙台";
x[2][1]=point[2];
var data = google.visualization.arrayToDataTable(x);
var options = {
region: 'JP',
displayMode: 'markers',
colorAxis: {colors: ['green', 'blue']}
};
var chart = new google.visualization.GeoChart(document.getElementById('memo'));
chart.draw(data, options);
}
</script>
最終更新:2018年06月30日 17:05