Newer
Older
www-root / coverage / busstop.html
@root root on 25 Aug 2018 5 KB 2018-08-25
<!DOCTYPE html>
<html>
<head>
 <meta charset='utf-8'/>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>OpenStreetMap coverage (amenity=fuel)</title>
 <link rel="stylesheet" href="lib/surveyor.css">
 <link rel="stylesheet" href="lib/leaflet-0.7.3/leaflet.css"/>
</head>
<body>
<div id="wrap">
    <div class="header">
        <H1>OpenStreetMap coverage (バス停を指標にした網羅率)</H1>
        <div id="map" style="height: 720px; width: 98%;"></div>
        <div id="timestamp2"></div><br/>
        <div id="source"></div>
        <ul>
            <li>(旧版)2017-10-08時点での状況は<a href="https://hayashi.carto.com/builder/48b1de25-3aac-491d-8cee-95d747add887/embed">CARTO</a>にて参照可能です <img src="img/92px-CARTO-logo.svg.png"/></li>
            <li><img src="https://upload.wikimedia.org/wikipedia/commons/a/a3/Mapillary_logo.svg" width="32" height="32"/> 「<a href="busstopM.html">Mappillary+</a>」版も有ります</li>
        </ul>
        <hr/>
    </div>

    <div id="inner">
        <div id="mainWrap">
            <p>以下のデータは月に2〜3回程度の頻度で更新を行う予定です。</p>
            <p class="middle"><a href='http://surveyor.mydns.jp/owncloud/s/fx3xjafbd66c1us'><img src="img/logo_postgis.jpg" alt="PostGISの使い方" class="PostGIS"/></a> <img src="img/qgis-logo_anita02.png" alt="QGISでの表示" id="QGISlogo"/></p>
            <p>'QGIS’を使ってPostGISデータベースにあるデータを直接見ることで、GSの入力状況(入力済み/未入力)を詳細に知ることができます。マッピング計画の参考にしてください。</p>
            <img src="img/QGIS_busstop_20171007.png" alt="QGISでの表示" class="qgisimage"/><br/>
            <ul>
                <li>QGISの設定定義ファイル[<a href='busstop_00_All.qgs'>busstop_00_All.qgs</a>]をダウンロード可能です。(for QGIS v2.14)</li>
                <li>「<a href='http://surveyor.mydns.jp/owncloud/s/fx3xjafbd66c1us'>QGISの使い方</a>」説明書をダウンロード可能です。</li>
            </ul>            

            <br/>
            <hr/>
            <br/>

            <p>国土数値情報のバス停位置を中心とする、300m以内に存在するOSMのバス停ノードの評価点の合計を数える。<br/>
                また、nameが同一ならば600m以内にまでのノードも評価点に加える。<br/>
                ※ 2017-10-01 ポイントの集計方法を変更しました。以前からここのPostGISデータを利用しているかたはQGSファイルを更新してください。
            <br/>
            評価点:<br/>
              2個以上のバス停がある → 3ポイント<br/>
              1個のバス停がある → 2ポイント<br/>
              nameがない → 1ポイント<br/>
              fixmeがある_→ 1ポイント<br/>
            <br/>
            対象ノード:<br/>
              node: [highway=bus_stop]<br/>
              node: [highway=disused:bus_stop]<br/>
              area: [amenity=bus_station]<br/>
              node: [public_transport=platform] and [bus=yes]<br/>
              node: [public_transport=stop_position] and [bus=yes]<br/>
            <br/>
            レベル分け:<br/>
              評価点の合計値をもとに以下に色分けしています。<br/>
                0ポイント → 赤 (未入力)<br/>
                1ポイント → オレンジ (一次入力)<br/>
                2ポイント → 黄緑 (入力済) <br/>
                3ポイント → 緑 (入力済) <br/>
            </p>
            <p>DEVELOP: <a href="http://surveyor.mydns.jp/gitbucket/yuu/osmCoverage/wiki">SRC</a>も公開. 自由にお使いください</p>
        </div>

        <div id="sideWrap">
            <div id="timestamp"></div>
            <table>
                <caption>マッピングカバー率 都道府県別</caption>
                <thead>
                    <tr>
                        <th>code</th>
                        <th>都道府県</th>
                        <th>標本数</th>
                        <th>入力数</th>
                        <th>カバー率(%)</th>
                    </tr>
                </thead>
                <tbody id="data_list"></tbody>
            </table>
        </div>
        <div class="clear"><hr /></div>
    </div>
</div>
<script src="lib/leaflet-0.7.3/leaflet-src.js"></script>
<script src="lib/Leaflet.MapboxVectorTile.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

 <script>
window.addEventListener('DOMContentLoaded', function() {
    $.getJSON("GML_BUSSTOP/coverage.busstop.json", function(data) {
        var count = 0 ;
        $("#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='molecule'>" + this.molecule + "</td>");
            $("#data_list #data_id" + count).append("<td class='par'>" + this.par + "</td>") ;
            count++ ;
        });
    });
    
    var tileDate = 'GML_BUSSTOP/pbfDate.json';
    $.getJSON(tileDate, function(data) {
        $("#timestamp").append("<p>" + data.date + " 更新</p>") ;
        $("#timestamp2").append("<p>上図は " + data.date + " での状況<br/>   赤: 未入力, オレンジ: とりあえず入力済み, 蛍光グリーン: 入力済み</p>") ;
    });
});
 </script>
<script src="busstop.js"></script>

</body>
</html>