Use className in mouse position example

This commit is contained in:
Tom Payne
2013-05-07 17:33:33 +02:00
parent 2ad5dea737
commit 97510ba0be
2 changed files with 2 additions and 7 deletions
-6
View File
@@ -8,12 +8,6 @@
<link rel="stylesheet" href="../resources/layout.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"> <link rel="stylesheet" href="../resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
<title>Mouse position example</title> <title>Mouse position example</title>
<style type="text/css">
/* Nullify the default .ol-mouse-position rule */
#mouse-position .ol-mouse-position {
position: static;
}
</style>
</head> </head>
<body> <body>
+2 -1
View File
@@ -13,8 +13,9 @@ var map = new ol.Map({
new ol.control.MousePosition({ new ol.control.MousePosition({
coordinateFormat: ol.coordinate.toStringHDMS, coordinateFormat: ol.coordinate.toStringHDMS,
projection: 'EPSG:4326', projection: 'EPSG:4326',
// comment the following line to have the mouse position // comment the following two lines to have the mouse position
// be placed within the map. // be placed within the map.
className: 'custom-mouse-position',
target: document.getElementById('mouse-position'), target: document.getElementById('mouse-position'),
undefinedHTML: '&nbsp;' undefinedHTML: '&nbsp;'
}) })