f219393149
Missing CSS was confirmed with issue #680, this commit is to fix it and change ol-mouse-position class to ol-mouseposition. I choose for the moment the top right corner to display the coordinates from mouse position control because of potential conflict with the scaleline control.
63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
|
|
<link rel="stylesheet" href="../resources/bootstrap/css/bootstrap.min.css" type="text/css">
|
|
<link rel="stylesheet" href="../resources/layout.css" type="text/css">
|
|
<link rel="stylesheet" href="../resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
|
|
<title>Mouse position example</title>
|
|
<style type="text/css">
|
|
/* Nullify the default .ol-mouseposition rule */
|
|
#mouse-position .ol-mouseposition {
|
|
position: static;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="navbar navbar-inverse navbar-fixed-top">
|
|
<div class="navbar-inner">
|
|
<div class="container">
|
|
<a class="brand" href="./">OpenLayers 3 Examples</a>
|
|
<ul class="nav pull-right">
|
|
<li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
|
|
allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
|
|
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers"> </a></li>
|
|
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row-fluid">
|
|
<div class="span12">
|
|
<div id="map" class="map"></div>
|
|
<small id="mouse-position"></small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row-fluid">
|
|
|
|
<div class="span4">
|
|
<h4 id="title">Mouse position example</h4>
|
|
<p id="shortdesc">Example of a mouse position control, outside the map.</p>
|
|
<div id="docs">
|
|
<p>See the <a href="mouse-position.js" target="_blank">mouse-position.js source</a> to see how this is done.</p>
|
|
</div>
|
|
<div id="tags">mouse-position, openstreetmap</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="loader.js?id=mouse-position" type="text/javascript"></script>
|
|
<script src="../resources/social-links.js" type="text/javascript"></script>
|
|
|
|
</body>
|
|
</html>
|