Fork: 0
haya4 / www-root
Transfer to URL with SHA Find file
Newer
Older
www-root / coverage / osm / olEx9.html
@root root on 25 Aug 2018 2 KB 2018-08-25
Raw Blame History 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. <meta http-equiv="content-style-type" content="text/css">
  7. <meta http-equiv="content-script-type" content="text/javascript">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <link rel="stylesheet" href="http://openlayers.org/en/v4.1.0/css/ol.css" type="text/css">
  10. <script src="http://openlayers.org/en/v4.1.0/build/ol.js" type="text/javascript"></script>
  11. <style type="text/css">
  12.    div.fill {width: 100%; height: 100%;}
  13.  
  14.    body {padding: 0; margin: 0;}
  15.    html, body, #map {height: 100%; width: 100%;}
  16.    .ol-attribution {
  17.      padding: 3px;  position: absolute;  background-color:#ffffff;
  18.      background-color:rgba(230,255,255,0.7);
  19.      right: 3px;  bottom:5px;  font-size:12px;
  20.    }
  21.    .ol-attribution ul { padding: 0px;  line-height: 14px;  margin: 0px; }
  22.    .ol-attribution li { line-height: inherit;  display: inline;  list-style: none outside none; }
  23.  
  24.    .ol-zoom .ol-zoom-out { margin-top: 202px; }
  25.    .ol-zoomslider { background-color: transparent; top: 2.3em; }
  26.    .ol-touch .ol-zoom .ol-zoom-out { margin-top: 212px; }
  27.    .ol-touch .ol-zoomslider { top: 2.75em; }
  28. </style>
  29. <title>OpenLayers 3 Example: KML Layer</title>
  30. <script src="ol3ex9.js" type="text/javascript"></script>
  31. </head>
  32.  
  33. <body onload="init_map()">
  34. <div id="map_canvas" style="width: 100%; height: 97%; position:absolute; top:25px; left:0px; font-size:100%;"></div>
  35.  
  36. <div style="font-size:85%">　不透明度：<a title="decrease opacity" href="javascript: directSetOpacity(0.1);">0.1</a>　
  37.   <a title="decrease opacity" href="javascript: directSetOpacity(0.5);">0.5</a>　
  38.   <a title="decrease opacity" href="javascript: directSetOpacity(1.0); ">1.0</a>　　
  39.   <b>&nbsp;不透明度・0.2ずつ変更:
  40.     <a title="decrease opacity" href="javascript: changeOpacity(-0.2);">&lt;&lt;</a>
  41.     <span id="opacity_control">0.5</span>
  42.     <a title="increase opacity" href="javascript: changeOpacity(0.2);">&gt;&gt;</a></b>
  43. </div>
  44.  
  45. </body>
  46. </html>