Fork: 0
osm / osm-data
Transfer to URL with SHA Find file
Newer
Older
osm-data / index2.html
@haya4 haya4 on 10 Nov 2023 1 KB Merge branch 'master' of http://surveyor.mydns.jp/gitbucket/git/osm/osm-data
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="index2.js" type='text/javascript'></script>
  11. 		<style type="text/css">
  12. 			#map {
  13. 				width: 98%;
  14. 				height: 720px;
  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. 		    .popup p {
  54. 		        margin: 0;
  55. 		        padding: 0;
  56. 		    }
  57. 		</style>
  58. 		
  59. 	</head>
  60. 	
  61. 	<body onload='loadMap();'>
  62. 		<script src="lib/jquery-2.1.1.min.js"></script>
  63. 	  <div id="wrap">
  64. 	      <div class="header">
  65. 	          <H1><div id='title'></div></H1>
  66. 	          <div id='map'></div>
  67. 	      </div>
  68. 	  </div>
  69.           <div><a href="site-policy.html">サイト利用規約</a></div>
  70. 	  
  71. 	  <!-- ポップアップ -->
  72. 	  <div id='popup' class='ol-popup'>
  73. 	    <a href='#' id='popup-closer' class='ol-popup-closer'></a>
  74. 	    <div id='popup-content'></div>
  75. 	  </div>
  76. 	  
  77. 	</body>
  78. </html>