photo-sphere-viewer5.1 marker按住鼠标移动位置
时间: 2023-07-08 08:47:33 浏览: 231
threeJs-vr-demo-master photo-sphere-viewer 全景图切换 全景图上下移动
要在Photo Sphere Viewer 5.1中按住鼠标移动Marker位置,您可以使用以下代码:
```javascript
// 获取标记对象
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事件中,我们保存标记位置以便下次加载时使用。
阅读全文