Differences

This shows you the differences between two versions of the page.

Link to this comparison view

share2013_map_as_model [2015/01/07 11:32]
share2013_map_as_model [2015/01/07 11:32] (current)
Line 1: Line 1:
 +
 +
 +<olmap id="​olmap"​ width="​900px"​ height="​500px"​ zoom="​3"​ statusbar="​1"​ toolbar="​1"​ controls="​1"​ poihoverstyle="​0"​ baselyr="​mapquest road" gpxfile=""​ kmlfile=""​ geojsonfile="">​
 +</​olmap>​
 +<​olmap_osmlayer id="​olmap"​ name="​SHARE Area Source Model" url="​http://​tilestream.openquake.org/​v2/​share_as/​${z}/​${x}/​${y}.png"​ visible="​true"​ attribution="​SHARE Area Source Model"></​olmap_osmlayer>​
 +<​html>​
 +<div class='​my-legend'>​
 +<div class='​legend-title'>​Total Occurrence Rate <br> (number of events > Mmin / year)</​div>​
 +<div class='​legend-scale'>​
 +  <ul class='​legend-labels'>​
 +<​li><​span style='​background:​rgb(0,​ 0, 255);'></​span>​1e-3 - 1e-2</​li>​
 +<​li><​span style='​background:​rgb(0,​ 255, 255);'></​span>​1e-2 - 0.1</​li>​
 +<​li><​span style='​background:​rgb(0,​ 255, 0);'></​span>​0.1 - 1</​li>​
 +<​li><​span style='​background:​rgb(255,​ 255, 0);'></​span>​1 - 5</​li>​
 +<​li><​span style='​background:​rgb(255,​ 128, 0);'></​span>​5 - 10</​li>​
 +<​li><​span style='​background:​rgb(255,​ 0, 0);'></​span>>​ 10</​li>​
 +  </ul>
 +</​div>​
 +</​div>​
 +</​div>​
 +
 +<style type='​text/​css'>​
 +  .my-legend .legend-title {
 +    text-align: left;
 +    margin-bottom:​ 5px;
 +    font-weight:​ bold;
 +    font-size: 80%;
 +    }
 +  .my-legend .legend-scale ul {
 +    margin: 0;
 +    margin-bottom:​ 5px;
 +    padding: 0;
 +    float: left;
 +    list-style: none;
 +    }
 +  .my-legend .legend-scale ul li {
 +    font-size: 80%;
 +    list-style: none;
 +    margin-left:​ 0;
 +    line-height:​ 18px;
 +    margin-bottom:​ 2px;
 +    }
 +  .my-legend ul.legend-labels li span {
 +    display: block;
 +    float: left;
 +    height: 16px;
 +    width: 30px;
 +    margin-right:​ 5px;
 +    margin-left:​ 0;
 +    border: 1px solid #999;
 +    }
 +  .my-legend .legend-source {
 +    font-size: 70%;
 +    color: #999;
 +    clear: both;
 +    }
 +  .my-legend a {
 +    color: #777;
 +    }
 +</​style>​
 +</​html>​
 +\\
 +\\
 +\\
 +\\
 +\\
 +\\
 +\\
  
  • share2013_map_as_model.txt
  • Last modified: 2015/01/07 11:32
  • (external edit)