Use className in mouse position example
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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: ' '
|
undefinedHTML: ' '
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user