Newer
Older
www-root / coverage / carto_fuel.html
@hayashi hayashi on 9 Oct 2017 4 KB 表題
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8'/>
  5. <title>OpenStreetMap coverage (amenity=fuel)</title>
  6. <link rel="stylesheet" href="../surveyor.css">
  7. <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
  8. <script>
  9. window.addEventListener('DOMContentLoaded', function() {
  10. $.getJSON("coverage.fuel.json", function(data) {
  11. var count = 0 ;
  12. $("#timestamp").append("<p>" + data.timestamp + "</p>") ;
  13. $("#source").append("国土交通省国土政策局「" + data.sourcedata + "」をもとにhayashiが編集・加工したものです。") ;
  14. $(data.coverage).each(function() {
  15. $("#data_list").append("<tr id=\"data_id" + count + "\"></tr>") ;
  16. $("#data_list #data_id" + count).append("<td class='code'>" + this.code + "</td>") ;
  17. $("#data_list #data_id" + count).append("<td class='name'>" + this.name + "</td>") ;
  18. $("#data_list #data_id" + count).append("<td class='denominator'>" + this.denominator + "</td>") ;
  19. $("#data_list #data_id" + count).append("<td class='par'>" + this.par + "</td>") ;
  20. count++ ;
  21. })
  22. })
  23. });
  24. </script>
  25. </head>
  26. <body>
  27. <div id="wrap">
  28. <div class="header">
  29. <H1>OpenStreetMap coverage (燃料給油所を指標にした網羅率)</H1>
  30. <iframe width="100%" height="720" frameborder="0" src="https://hayashi.carto.com/builder/ab6e97ae-f730-4de3-9ef1-a4c0d751cc05/embed" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
  31. <a href="https://hayashi.carto.com/builder/ab6e97ae-f730-4de3-9ef1-a4c0d751cc05/embed"><img src="../92px-CARTO-logo.svg.png"/></a>
  32. <div id="source"></div>
  33. <br/>
  34. 2017-10-08時点での状況
  35. <p>上図は「CARTO」のサービス(無料版)を利用して作成しました。無料版では自動更新機能が利用できないため上図は更新いたしません。最新のマッピング状況を参照したい場合はPostGISにて公開しているデータを参照してください。参照方法も下記に有ります。</p>
  36. <hr/>
  37. </div>
  38.  
  39. <div id="inner">
  40. <div id="mainWrap">
  41. <p>以下のデータは月に2〜3回程度の頻度で更新を行う予定です。</p>
  42. <p class="middle"><a href='http://surveyor.mydns.jp/owncloud/s/fx3xjafbd66c1us'><img src="../logo_postgis.jpg" alt="PostGISの使い方" class="PostGIS"/></a> <img src="../qgis-logo_anita02.png" alt="QGISでの表示" id="QGISlogo"/></p>
  43. <p>'QGIS’を使ってPostGISデータベースにあるデータを直接見ることで、GSの入力状況(入力済み/未入力)を詳細に知ることができます。マッピング計画の参考にしてください。</p>
  44. <img src="QGIS_fuel_20170924.png" alt="QGISでの表示" class="qgisimage"/><br/>
  45. <ul>
  46. <li>QGISの設定定義ファイル[<a href='fuel_All.qgs'>fuel_All.qgs</a>]をダウンロード可能です。</li>
  47. <li><a href='http://surveyor.mydns.jp/owncloud/s/fx3xjafbd66c1us'>QGISの使い方</a>」説明書をダウンロード可能です。</li>
  48. </ul>
  49.  
  50. <br/>
  51. <hr/>
  52. <br/>
  53.  
  54. <p>国土数値情報の燃料給油所位置を中心とする、200m四方の矩形領域に存在するOSMのamenity=fuelノードの評価点の合計を数える。<br/>
  55. <br/>
  56. 評価点;<br/>
  57. blandがない ーー> 1ポイント<br/>
  58. fixmeがある ーー> 1ポイント<br/>
  59. blandがある ーー> 2ポイント<br/>
  60. <br/>
  61. 対象ノード;<br/>
  62. amenity = fuel<br/>
  63. <br/>
  64. レベル分け:<br/>
  65. 評価点の合計値をもとに以下に色分けしています。<br/>
  66. 0ポイント → 赤 (未入力)<br/>
  67. 1ポイント以上 → 黄緑 (一次入力)<br/>
  68. 2ポイント以上 → 青 (入力済) <br/>
  69. </p>
  70. </div>
  71.  
  72. <div id="sideWrap">
  73. <div id="timestamp"></div>
  74. <table>
  75. <caption>マッピングカバー率 都道府県別</caption>
  76. <thead>
  77. <tr>
  78. <th>code</th>
  79. <th>都道府県</th>
  80. <th>標本数</th>
  81. <th>カバー率(%)</th>
  82. </tr>
  83. </thead>
  84. <tbody id="data_list"></tbody>
  85. </table>
  86. </div>
  87. <div class="clear"><hr /></div>
  88. </div>
  89. </div>
  90.  
  91. </body>
  92. </html>