Newer
Older
www-root / coverage / carto_fuel.html
@hayashi hayashi on 23 Sep 2017 2 KB dot slash
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8'/>
  5. <link rel="stylesheet" href="../surveyor.css">
  6. <script type="text/javascript">
  7. function getJSON() {
  8. var req = new XMLHttpRequest();
  9.  
  10. req.onreadystatechange = function() { // XMLHttpRequest オブジェクトの状態が変化した際に呼び出されるイベントハンドラ
  11. if(req.readyState == 4 && req.status == 200){ // サーバーからのレスポンスが完了し、かつ、通信が正常に終了した場合
  12. alert(req.responseText); // 取得した JSON ファイルの中身を表示
  13. }
  14. };
  15.  
  16. req.open("GET", "./coverage.fuel.json");
  17. req.send(null); // 実際にサーバーへリクエストを送信
  18. }
  19. </script>
  20. </head>
  21. <body>
  22. <H1>OpenStreetMap coverage (バス停を指標にした網羅率)</H1>
  23. <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>
  24. <a href="https://hayashi.carto.com/builder/d570b7da-c40f-4ad4-afd5-ab99396b0863/embed"><img src="../92px-CARTO-logo.svg.png"/></a><p>国土交通省国土政策局「国土数値情報(燃料給油所データ平成27年版)」をもとにhayashiが編集・加工したものです。</p>
  25.  
  26. <table>
  27. <tr>
  28. <td class="left">
  29. <p>国土数値情報の燃料給油所位置を中心とする、200m四方の矩形領域に存在するOSMのamenity=fuelノードの評価点の合計を数える。<br/>
  30. <br/>
  31. 評価点;<br/>
  32.  blandがない ーー> 1ポイント<br/>
  33.  fixmeがある ーー> 1ポイント<br/>
  34.  blandがある ーー> 50ポイント<br/>
  35. <br/>
  36. 対象ノード;<br/>
  37.  amenity = fuel<br/>
  38. <br/>
  39. レベル分け:<br/>
  40.  評価点の合計値をもとに以下に色分けしています。<br/>
  41.   0ポイント → 赤 (未入力)<br/>
  42.   1ポイント以上 → 黄緑 (一次入力)<br/>
  43.   50ポイント以上 → 青 (入力済) <br/>
  44. </p>
  45. </td>
  46. <td class="right">
  47. <input type="button" value="JSONファイルを取得する" onclick="getJSON()"/>
  48. </td>
  49. </tr>
  50. </table>
  51.  
  52. </body>
  53. </html>