<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>OpenStreetMap coverage (amenity=fuel)</title>
<link rel="stylesheet" href="../surveyor.css">
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script>
window.addEventListener('DOMContentLoaded', function() {
$.getJSON("coverage.fuel.json", function(data) {
var count = 0 ;
$("#timestamp").append("<p>" + data.timestamp + "</p>") ;
$("#source").append("国土交通省国土政策局「" + data.sourcedata + "」をもとにhayashiが編集・加工したものです。") ;
$(data.coverage).each(function() {
$("#data_list").append("<tr id=\"data_id" + count + "\"></tr>") ;
$("#data_list #data_id" + count).append("<td class='code'>" + this.code + "</td>") ;
$("#data_list #data_id" + count).append("<td class='name'>" + this.name + "</td>") ;
$("#data_list #data_id" + count).append("<td class='denominator'>" + this.denominator + "</td>") ;
$("#data_list #data_id" + count).append("<td class='par'>" + this.par + "</td>") ;
count++ ;
})
})
});
</script>
</head>
<body>
<div id="wrap">
<div class="header">
<H1>OpenStreetMap coverage (燃料給油所を指標にした網羅率)</H1>
<iframe width="100%" height="720" frameborder="0" src="https://hayashi.carto.com/builder/d570b7da-c40f-4ad4-afd5-ab99396b0863/embed" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
<a href="https://hayashi.carto.com/builder/d570b7da-c40f-4ad4-afd5-ab99396b0863/embed"><img src="../92px-CARTO-logo.svg.png"/></a>
<div id="source"></div>
<br/>
<hr/>
</div>
<div id="inner">
<div id="mainWrap">
<p>国土数値情報の燃料給油所位置を中心とする、200m四方の矩形領域に存在するOSMのamenity=fuelノードの評価点の合計を数える。<br/>
<br/>
評価点；<br/>
blandがない ーー＞ １ポイント<br/>
fixmeがある ーー＞ １ポイント<br/>
blandがある ーー＞ ５０ポイント<br/>
<br/>
対象ノード；<br/>
amenity = fuel<br/>
<br/>
レベル分け：<br/>
評価点の合計値をもとに以下に色分けしています。<br/>
０ポイント → 赤 (未入力）<br/>
１ポイント以上 → 黄緑 (一次入力)<br/>
50ポイント以上 → 青 (入力済) <br/>
</p>
</div>
<div id="sideWrap">
<div id="timestamp"></div>
<table>
<thead>
<tr>
<th>code</th>
<th>都道府県</th>
<th>標本数</th>
<th>カバー率(%)</th>
</tr>
</thead>
<tbody id="data_list"></tbody>
</table>
</div>
<div class="clear"><hr /></div>
</div>
</div>
</body>
</html>
