Update overlay example with center positioning

This commit is contained in:
Bruno Binet
2013-10-07 16:44:02 +02:00
parent 29076db6ed
commit e9ac7cef83
2 changed files with 21 additions and 2 deletions

View File

@@ -9,6 +9,14 @@
<link rel="stylesheet" href="../resources/layout.css" type="text/css">
<link rel="stylesheet" href="../resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
<style type="text/css">
#marker {
width: 20px;
height: 20px;
border: 1px solid #088;
border-radius: 10px;
background-color: #0FF;
opacity: 0.5;
}
#vienna {
text-decoration: none;
color: white;
@@ -60,6 +68,7 @@
<div style="display: none;">
<!-- Clickable label for Vienna -->
<a class="overlay" id="vienna" target="_blank" href="http://en.wikipedia.org/wiki/Vienna">Vienna</a>
<div id="marker" title="Marker"></div>
<!-- Popup -->
<div id="popup" title="Welcome to ol3"></div>
</div>