如何用OpenLayers3在鼠标移动时显示具体坐标值？

本文共计1180个文字，预计阅读时间需要5分钟。

原文示例：本文实例为大家分享了OpenLayers3实现鼠标移动显示坐标的具体代码，供大家参考。具体内容如下：

1. 前言鼠标移动显示坐标，OpenLayers 3 提供了“ol.control.Mo控件来实现。

2. 代码实现”

改写后：本文以实例形式展示了如何使用OpenLayers 3实现鼠标移动显示坐标的功能，并提供相关代码供参考。主要内容包括：

1. 简介利用OpenLayers 3的“ol.control.Mo控件，可以轻松实现鼠标移动时显示坐标的功能。

本文实例为大家分享了OpenLayers3实现鼠标移动显示坐标的具体代码，供大家参考，具体内容如下

1. 前言

鼠标移动显示坐标，OpenLayers 3 框架提供了鼠标移动显示坐标的控件（ol.control.MousePosition）,默认显示在地图的右上角，其样式可以自定义。在这个例子中，我们通过前面的加载 OSM 加载瓦片图层，实现在地图容器的左下角显示坐标点的信息。

2. 实现思路

（1）新建一个网页，参考前面的加载 OSM 瓦片地图，实现加载瓦片地图。
（2）在地图容器中新建一个 div 用于显示坐标信息，并设置其样式，通过设置 z-index 让其显示到地图上面。