photo-sphere-viewer viewer鼠标移动事件

photo-sphere-viewer 是一个基于 Three.js 的 JavaScript 库，用于在网页中展示全景照片。它提供了许多事件，其中包括鼠标移动事件。

要监听鼠标移动事件，可以使用 `onMouseMove` 方法。例如：

var viewer = new PhotoSphereViewer({
    // 配置参数
});

viewer.onMouseMove(function(e) {
    // 处理鼠标移动事件
});

在 `onMouseMove` 方法中，可以获取到一个事件对象 `e`，包含了当前鼠标位置的一些信息，例如：

- `clientX` 和 `clientY`：鼠标在浏览器窗口中的坐标
- `theta` 和 `phi`：鼠标在全景图中的位置（用弧度表示）
- `longitude` 和 `latitude`：鼠标在全景图中的位置（用角度表示）
- `target`：当前鼠标指向的物体（如果有）

你可以根据这些信息，来实现自己的鼠标移动事件处理逻辑。

相关问题

photo-sphere-viewer5.1.5 在viewer里监听鼠标移动事件

要在 photo-sphere-viewer 5.1.5 的 viewer 中监听鼠标移动事件，可以使用 `mousemove` 事件和 viewer 对象的 `on` 方法。具体实现步骤如下：

1. 获取 viewer 对象：

var viewer = photoSphereViewer({
  // 配置参数
});

2. 监听 `mousemove` 事件：

viewer.on('mousemove', function(e) {
  // 处理鼠标移动事件
});

在 `mousemove` 事件的回调函数中，可以获取到鼠标移动的相关信息，如鼠标在屏幕上的位置、在 viewer 中的位置等。可以根据这些信息来实现相应的功能。

photo-sphere-viewer5.1 marker按住鼠标移动位置

要在Photo Sphere Viewer 5.1中按住鼠标移动Marker位置，您可以使用以下代码：

// 获取标记对象
var marker = viewer.getMarker(markerId);

// 在mousedown事件上更新标记位置
marker.on('mousedown', function(event) {
  // 阻止默认行为和事件传播
  event.preventDefault();
  event.stopPropagation();

  // 获取场景坐标系中的鼠标位置
  var mousePosition = viewer.mouseToCoords(event.clientX, event.clientY);

  // 更新标记位置
  marker.setPosition(mousePosition);
});

// 在mouseup事件上保存标记位置
marker.on('mouseup', function(event) {
  // 保存标记位置
  marker.save();
});

其中，`markerId`是要移动的标记的ID，`viewer`是Photo Sphere Viewer对象。在mousedown事件中，我们获取鼠标位置并更新标记位置；在mouseup事件中，我们保存标记位置以便下次加载时使用。