photo-sphere-viewer marker按住鼠标移动位置
时间: 2023-07-08 18:47:23 浏览: 222
鼠标移动图片
5星 · 资源好评率100%
photo-sphere-viewer是一款基于WebGL的全景图像查看器,它支持添加marker来标记全景图像上的特定位置。如果您想要按住鼠标并移动marker的位置,可以实现以下步骤:
1. 在添加marker时,为其设置可拖动属性:
```js
var marker = viewer.createMarker({
id: 'marker1',
longitude: 0,
latitude: 0,
image: 'marker.png',
width: 32,
height: 32,
draggable: true // 设置可拖动
});
```
2. 监听marker的drag事件,实现拖动时的操作:
```js
marker.on('drag', function(event) {
var longitude = event.longitude;
var latitude = event.latitude;
// 根据拖动后的经纬度设置marker的位置
marker.set({
longitude: longitude,
latitude: latitude
});
});
```
这样,当您在全景图像上按住marker并移动鼠标时,就可以拖动marker的位置了。
阅读全文