<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>OpenStreetMap coverage (amenity=fuel)</title>
<link rel="stylesheet" href="../surveyor.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script>
<script type="text/javascript"><!--
function getJSON(fName) {
var req = new XMLHttpRequest();
req.onreadystatechange = function() { // XMLHttpRequest オブジェクトの状態が変化した際に呼び出されるイベントハンドラ
if(req.readyState == 4 && req.status == 200){ // サーバーからのレスポンスが完了し、かつ、通信が正常に終了した場合
}
};
req.open("GET", fName, true);
req.send(null); // 実際にサーバーへリクエストを送信
}
function parseJSON(jsData) {
var data = eval("("+ jsData +")");
var resultdata = "[json.timestamp: "+ data.timestamp +"]";
return resultdata;
}
// --></script>
</head>
<body>
<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><p>国土交通省国土政策局「国土数値情報（燃料給油所データ平成２７年版）」をもとにhayashiが編集・加工したものです。</p>
<table>
<tr>
<td class="left">
<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>
</td>
<td class="right">
<input type="button" value="データを取得する" onclick="getJSON('coverage.fuel.json')"/>
<div id="result"></div>
<script>
var tableComponent = React.createClass({
render: function() {
return React.DOM.table(
null,
React.DOM.tr(
null,
React.DOM.td(
null,
"Hello"
)
)
);
}
});
ReactDOM.render(
React.createElement(tableComponent),
document.getElementById('result')
);
</script>
</td>
</tr>
</table>
</body>
</html>
