Differences
This shows you the differences between two versions of the page.
| — |
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> | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||