Fork: 0
haya4 / www-root
Transfer to URL with SHA Find file
Newer
Older
www-root / coverage / police4.html
@root root on 25 Aug 2018 4 KB 2018-08-25
Raw Blame History 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  <meta charset='utf-8'/>
  5.  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.  <title>OpenStreetMap coverage (amenity=police)</title>
  7.  <link rel="stylesheet" href="lib/surveyor.css">
  8.  <link rel="stylesheet" href="lib/leaflet-0.7.3/leaflet.css"/>
  9. </head>
  10. <body>
  11. <div id="wrap">
  12.     <div class="header">
  13.         <H1>OpenStreetMap coverage (交番の網羅率)</H1>
  14.         <div id="map" style="height: 720px; width: 98%;"></div>
  15.         <div id="timestamp2"></div><br/>
  16.         <div id="source"></div>
  17.         <ul>
  18.             <li><img src="https://upload.wikimedia.org/wikipedia/commons/a/a3/Mapillary_logo.svg" width="32" height="32"/> 「<a href="police4M.html">Mappillary+</a>」版も有ります</li>
  19.         </ul>
  20.         <hr/>
  21.     </div>
  22.  
  23.     <div id="inner">
  24.         <div id="mainWrap">
  25.             <p>このデータは月に２〜３回程度の頻度で更新を行う予定です。</p>
  26.             <br/>
  27.             <hr/>
  28.             <br/>
  29.  
  30.             <p>国土数値情報の交番位置を中心とする、200m四方の矩形領域に存在するOSMのamenity=policeノードの評価点の合計を数える。<br/>
  31.                 <br/>
  32.                 対象ノード；<br/>
  33.                   node & area: amenity = police<br/>
  34.                   node & area: disused:amenity = police<br/>
  35.                   node & area: abandoned:amenity = police<br/>
  36.                   node & area: demolished:amenity = police<br/>
  37.                   node & area: historic:amenity = police<br/>
  38.                   node & area: was:amenity = police<br/>
  39.                   node & area: removed:amenity = police<br/>
  40.                   node & area: no:amenity = police<br/>
  41.                 <br/>
  42.                 評価点；<br/>
  43.                   'amenity=police'　　　　　　→　50ポイント<br/>
  44.                   'disused:amenity=police'　　→　50ポイント<br/>
  45.                   'abandoned:amenity=police'　→　50ポイント<br/>
  46.                   'demolished:amenity=police' →　50ポイント<br/>
  47.                   'historic:amenity=police'　 →　50ポイント<br/>
  48.                   'was:amenity=police'　　　　→　50ポイント<br/>
  49.                   'removed:amenity=police'　　→　50ポイント<br/>
  50.                   'no:amenity=police'　　　　 →　50ポイント<br/>
  51.                 <br/>
  52.                 レベル分け：<br/>
  53.                   評価点の合計値をもとに以下に色分けしています。<br/>
  54.                     ０ポイント　→　赤 (未入力）<br/>
  55.                     50ポイント以上　→　青 (入力済) <br/>
  56.             </p>
  57.             <p>DEVELOP: <a href="http://surveyor.mydns.jp/gitbucket/yuu/osmCoverage/wiki">SRC</a>も公開. 自由にお使いください</p>
  58.         </div>
  59.  
  60.         <div id="sideWrap">
  61.             <div id="timestamp"></div>
  62.             <table>
  63.                 <caption>マッピングカバー率 都道府県別</caption>
  64.                 <thead>
  65.                     <tr>
  66.                         <th>code</th>
  67.                         <th>都道府県</th>
  68.                         <th>標本数</th>
  69.                         <th>入力数</th>
  70.                         <th>カバー率(%)</th>
  71.                     </tr>
  72.                 </thead>
  73.                 <tbody id="data_list"></tbody>
  74.             </table>
  75.         </div>
  76.         <div class="clear"><hr /></div>
  77.     </div>
  78. </div>
  79. <script src="lib/leaflet-0.7.3/leaflet-src.js"></script>
  80. <script src="lib/Leaflet.MapboxVectorTile.js"></script>
  81. <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  82. <script>
  83.     var jsonurl = './GML_POLICE/coverage.police4.json';
  84.     $.getJSON(jsonurl, function(data) {
  85.         var count = 0;
  86.         $("#source").append("国土交通省国土政策局「" + data.sourcedata + "」をもとにhayashiが編集・加工したものです。") ;
  87.         $(data.coverage).each(function() {
  88.             $("#data_list").append("<tr id=\"data_id" + count + "\"></tr>") ;
  89.             $("#data_list #data_id" + count).append("<td class='code'>" + this.code + "</td>") ;
  90.             $("#data_list #data_id" + count).append("<td class='name'>" + this.name + "</td>") ;
  91.             $("#data_list #data_id" + count).append("<td class='denominator'>" + this.denominator + "</td>") ;
  92.             $("#data_list #data_id" + count).append("<td class='molecule'>" + this.molecule + "</td>") ;
  93.             $("#data_list #data_id" + count).append("<td class='par'>" + this.par + "</td>") ;
  94.             count++ ;
  95.         });
  96.     });
  97.     
  98.     var tileDate = './GML_POLICE/pbfDate.json';
  99.     $.getJSON(tileDate, function(data) {
  100.         $("#timestamp").append("<p>" + data.date + " 更新</p>") ;
  101.         $("#timestamp2").append("<p>上図は " + data.date + " での状況<br/>   赤: 未入力, オレンジ: とりあえず入力されている, 蛍光グリーン: 入力済み</p>") ;
  102.     });
  103. </script>
  104. <script src="police4.js"></script>
  105.  
  106. </body>
  107. </html>