ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add default CSS style for mouse position

Browse Source 
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.
This commit is contained in:
Thomas
2013-05-05 15:58:46 +02:00
committed by Éric Lemoine
parent 10b690b5f9
commit f219393149
4 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/mouse-position.html
View File

@@ -8,6 +8,12 @@
<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>

2
examples/mouse-position.js
View File

@@ -13,6 +13,8 @@ var map = new ol.Map({
new ol.control.MousePosition({
coordinateFormat: ol.coordinate.toStringHDMS,
projection: 'EPSG:4326',
// comment the following line to have the mouse position
// be placed within the map.
target: document.getElementById('mouse-position'),
undefinedHTML: '&nbsp;'
})