Fork: 0
haya4 / www-root
Transfer to URL with SHA Find file
Newer
Older
www-root / coverage / carto_busstop.html
@hayashi hayashi on 8 Oct 2017 4 KB coverage busstop update 2017-10-08_00:54
Raw Blame History 
  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.busstop.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/4e230600-05d8-4256-82af-2be4c40d101f/embed" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
  31.         <a href="https://hayashi.carto.com/builder/4e230600-05d8-4256-82af-2be4c40d101f/embed"><img src="../92px-CARTO-logo.svg.png"/></a><p>国土交通省国土政策局「国土数値情報（バス停データ）」をもとにhayashiが編集・加工したものです。</p>
  32.         <div id="source"></div>
  33.         <br/>
  34.         2017-09-24時点での状況
  35.         <hr/>
  36.     </div>
  37.  
  38.     <div id="inner">
  39.         <div id="mainWrap">
  40.             <p>以下のデータは月に２〜３回程度の頻度で更新を行う予定です。</p>
  41.             <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>
  42.             <p>'QGIS’を使ってPostGISデータベースにあるデータを直接見ることで、GSの入力状況(入力済み／未入力)を詳細に知ることができます。マッピング計画の参考にしてください。</p>
  43.             <img src="QGIS_fuel_20170924.png" alt="QGISでの表示" class="qgisimage"/><br/>
  44.             <ul>
  45.                 <li>QGISの設定定義ファイル[<a href='busstop_All.qgs'>busstop_All.qgs</a>]をダウンロード可能です。(for QGIS v2.18.7)</li>
  46.                 <li>「<a href='http://surveyor.mydns.jp/owncloud/s/fx3xjafbd66c1us'>QGISの使い方</a>」説明書をダウンロード可能です。</li>
  47.             </ul>            
  48.  
  49.             <br/>
  50.             <hr/>
  51.             <br/>
  52.  
  53.             <p>国土数値情報のバス停位置を中心とする、300m四方の矩形領域に存在するOSMのバス停ノードの評価点の合計を数える。<br/>
  54.                 ※ 2017-10-01 ポイントの集計方法を変更しました。以前からりここのPostGISデータを利用しているかたはQGSファイルを更新してください。
  55.             <br/>
  56.             評価点:<br/>
  57.               ２個以上のバス停がある　→　3ポイント<br/>
  58.               1個のバス停がある　→　2ポイント<br/>
  59.               nameがない　→　1ポイント<br/>
  60.               fixmeがある_→ 1ポイント<br/>
  61.             <br/>
  62.             対象ノード:<br/>
  63.               [node]highway = bus_stop<br/>
  64.               [node]highway = disused:bus_stop<br/>
  65.               [area]amenity = bus_station<br/>
  66.               [node]public_transport = platform<br/>
  67.               [node]public_transport = stop_position<br/>
  68.             <br/>
  69.             レベル分け:<br/>
  70.               評価点の合計値をもとに以下に色分けしています。<br/>
  71.                 0ポイント　→　赤 (未入力）<br/>
  72.                 1ポイント　→ オレンジ (一次入力)<br/>
  73.                 2ポイント　→　黄緑 (入力済) <br/>
  74.                 3ポイント　→　緑 (入力済) <br/>
  75.             </p>
  76.         </div>
  77.  
  78.         <div id="sideWrap">
  79.             <div id="timestamp"></div>
  80.             <table>
  81.                 <thead>
  82.                     <tr>
  83.                         <th>code</th>
  84.                         <th>都道府県</th>
  85.                         <th>標本数</th>
  86.                         <th>カバー率(%)</th>
  87.                     </tr>
  88.                 </thead>
  89.                 <tbody id="data_list"></tbody>
  90.             </table>
  91.         </div>
  92.         <div class="clear"><hr /></div>
  93.     </div>
  94. </div>
  95.  
  96. </body>
  97. </html>