| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Overlay
|
| 4 | shortdesc: Demonstrates overlays.
|
| 5 | docs: >
|
| 6 | <p>The popups are created using <a href="http://getbootstrap.com/javascript/#popovers">Popovers</a> from Bootstrap.</p>
|
| 7 | tags: "overlay, popup, bootstrap, popover"
|
| 8 | resources:
|
| 9 | - https://code.jquery.com/jquery-2.2.3.min.js
|
| 10 | - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
|
| 11 | - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
|
| 12 | ---
|
| 13 | <div id="map" class="map"></div>
|
| 14 | <div style="display: none;">
|
| 15 |
|
| 16 | <a class="overlay" id="vienna" target="_blank" href="http://en.wikipedia.org/wiki/Vienna">Vienna</a>
|
| 17 | <div id="marker" title="Marker"></div>
|
| 18 |
|
| 19 | <div id="popup" title="Welcome to OpenLayers"></div>
|
| 20 | </div>
|