OpenLayers 是一个强大的开源JavaScript库，用于在网页中创建交互式的地图应用。它支持多种地图服务，包括WMS、WMTS等，并可以与各种数据格式兼容，如GeoJSON、KML等。在这个"OpenLayers 简单实例2"中，我们将探讨如何在地图上显示和处理坐标信息。
为了在地图上显示经纬度信息，我们需要创建一个OpenLayers地图实例。这通常涉及设置地图的基本配置，如视图（View）、图层（Layers）以及容器（Map Container）。例如：
```javascript
var map = new ol.Map({
target: 'map', // 指定地图渲染的HTML元素ID
view: new ol.View({
center: [0, 0], // 初始中心点，经纬度坐标
zoom: 2 // 初始缩放级别
}),
layers: [ // 添加图层，例如来自WMS服务
new ol.layer.Tile({
source: new ol.source.OSM() // 使用OpenStreetMap作为基础图层
})
]
});
```
接下来，我们关注如何在地图外显示坐标信息。这可以通过监听地图的鼠标移动事件来实现。每当鼠标在地图上移动时，我们可以获取当前的坐标，并将其显示在一个独立的HTML元素中：
```javascript
map.on('pointermove', function(event) {
if (event.dragging) return; // 避免在拖动地图时频繁更新
var coordinate = event.coordinate; // 获取地图上的像素坐标
var proj = map.getView().getProjection(); // 获取地图的投影
var wgs84Coord = ol.proj.transform(coordinate, proj, 'EPSG:4326'); // 转换为WGS84坐标（经纬度）
document.getElementById('coordinate').innerHTML = // 更新HTML元素
'经度: ' + wgs84Coord[0].toFixed(4) + ', 纬度: ' + wgs84Coord[1].toFixed(4);
});
```
这里，`ol.proj.transform`函数用于坐标转换，`EPSG:4326`是WGS84坐标系的代码，这是一种常见的地理坐标系，用于表示经纬度。
此外，你可能希望分别显示经度和纬度值。这可以通过创建两个独立的HTML元素来实现，分别更新它们的内容：
```javascript
document.getElementById('longitude').innerHTML = wgs84Coord[0].toFixed(4);
document.getElementById('latitude').innerHTML = wgs84Coord[1].toFixed(4);
```
这样的实例可以帮助开发者理解如何在OpenLayers中处理和展示地图坐标。通过这种方式，用户可以在浏览地图的同时，实时查看鼠标位置对应的地理坐标，增强了地图应用的交互性。同时，这也是实现地图测量、定位等功能的基础。在实际项目中，你可以根据需要自定义坐标显示的样式和位置，以满足不同的设计需求。
