Fork: 0
osm / osm-data
Transfer to URL with SHA Find file
Newer
Older
osm-data / index.html
@hayashi hayashi 9 days ago 3 KB mapからtask-bldgへのリンクを追加
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>PLATEAU DATA</title>
  7.  <link rel="stylesheet" href="lib/ol6.14.1-dist/ol.css" type="text/css">
  8.  <link rel="stylesheet" href="lib/surveyor.css" type="text/css">
  9.  <script src="lib/ol6.14.1-dist/ol.js"></script>
  10.  <script src="index.js" type='text/javascript'></script>
  11.   <style>
  12.     #map {
  13.       width: 98%;
  14.       height: 640px;
  15.     }
  16.   
  17.     #popup {
  18.         position: relative;
  19.         display: inline-block;
  20.         margin: 1.5em 0;
  21.         padding: 7px 10px;
  22.         min-width: 120px;
  23.         max-width: 100%;
  24.         color: #555;
  25.         font-size: 16px;
  26.         background: #FFF;
  27.         border: solid 3px #555;
  28.         box-sizing: border-box;
  29.     }
  30.   
  31.     #popup:before {
  32.         content: "";
  33.         position: absolute;
  34.         bottom: -24px;
  35.         left: 50%;
  36.         margin-left: -15px;
  37.         border: 12px solid transparent;
  38.         border-top: 12px solid #FFF;
  39.         z-index: 2;
  40.     }
  41.   
  42.     #popup:after {
  43.         content: "";
  44.         position: absolute;
  45.         bottom: -30px;
  46.         left: 50%;
  47.         margin-left: -17px;
  48.         border: 14px solid transparent;
  49.         border-top: 14px solid #555;
  50.         z-index: 1;
  51.     }
  52.     
  53. 	.link {
  54. 		white-space: pre-line;
  55. 		border: dotted 2px skyblue;
  56. 		margin: 20px;
  57. 		padding: 10px;
  58. 		font-size: 16px; line-height: 2; color: blue;
  59. 	}
  60.   
  61.     .popup p {
  62.         margin: 0;
  63.         padding: 0;
  64.     }
  65.   </style>
  66. </head>
  67. <body onload='loadMap();'>
  68. 	<div id="wrap">
  69. 		<div class="header">
  70. 			<H1>PLATEAU OSMデータ</H1>
  71. 		</div>
  72. <div id="inner">
  73. <div class='link'><p class='plane'>「'<a href="https://surveyor.mydns.jp/task-bldg/">task-bldg</a>'」に、PLATEAU「<a href="https://www.geospatial.jp/ckan/dataset/plateau">3D都市モデル</a>」を参照して OpenStreetMapを編集する方法の説明があります。
  74. 「'<a href="https://surveyor.mydns.jp/task-bldg/">task-bldg</a>'」にて「作業登録」を行ってからOpenStreetMapへの編集を開始してください。</p></div>
  75.  
  76.     <div>
  77.     	<table>
  78. 			<caption>PLATEAU 作業対象リスト</caption>
  79.             <thead>
  80.             	<tr>
  81.                 	<th>code</th>
  82.                     <th>地区名</th>
  83.                     <th>フォルダ名</th>
  84.                 </tr>
  85.             </thead>
  86.             <tbody id="data_list"></tbody>
  87.         </table>
  88.     </div>
  89. 	<div><a href="site-policy.html">サイト利用規約</a></div>
  90. 	<div class="clear"><hr /></div>
  91. </div>
  92.   </div>
  93.   <script src="lib/jquery-2.1.1.min.js"></script>
  94.   <script>
  95.     window.addEventListener('DOMContentLoaded', function() {
  96.         $.getJSON("index.json", function(data) {
  97.             var count = 0 ;
  98.             $(data.list).each(function() {
  99.                 $("#data_list").append("<tr id=\"data_id" + count + "\"></tr>") ;
  100.                 $("#data_list #data_id" + count).append("<td class='code'>" + this.code + "</td>") ;
  101.                 $("#data_list #data_id" + count).append("<td class='name'>" + this.name + "</td>") ;
  102.                 $("#data_list #data_id" + count).append("<td class='path'><a href='index2.html?code=" + this.code +"'>" + this.path +"</a></td>") ;
  103.                 count++ ;
  104.             });
  105.         });
  106.     });
  107.   </script>
  108. 	  
  109.   <!-- ポップアップ -->
  110.   <div id='popup' class='ol-popup'>
  111.     <a href='#' id='popup-closer' class='ol-popup-closer'></a>
  112.     <div id='popup-content'></div>
  113.   </div>
  114. 	  
  115. </body>
  116. </html>