Differences
This shows you the differences between two versions of the page.
— |
share2013_map_as_model [2015/01/07 12: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> | ||
+ | \\ | ||
+ | \\ | ||
+ | \\ | ||
+ | \\ | ||
+ | \\ | ||
+ | \\ | ||
+ | \\ | ||