photo-sphere-viewer marker鼠标点击移动
时间: 2023-07-18 21:40:56 浏览: 126
鼠标移动图片
5星 · 资源好评率100%
可以使用photo-sphere-viewer中的`onSelect`事件监听marker的点击事件,然后在事件回调函数中获取到点击的坐标位置,在此基础上进行marker的移动操作。
具体步骤如下:
1. 在marker中设置`onClick`属性,将其绑定到`onSelect`事件上:
```javascript
marker.onClick = function(markerEvent, markerData, e) {
viewer.onSelect(markerData, e);
};
```
2. 在`viewer`对象中监听`onSelect`事件:
```javascript
viewer.on('select', function(markerData, e) {
var latitude = markerData.latitude;
var longitude = markerData.longitude;
var marker = markerData.data;
// 在此处进行marker的移动操作
});
```
3. 在移动操作中获取到点击的坐标位置,并将marker移动到该位置:
```javascript
var newLatitude = // 根据鼠标点击位置计算出的新的纬度值
var newLongitude = // 根据鼠标点击位置计算出的新的经度值
marker.setPosition({
latitude: newLatitude,
longitude: newLongitude
});
```
这样,当用户点击marker时,就会触发`onSelect`事件,然后在事件回调函数中获取到点击的坐标位置,并将marker移动到该位置。
阅读全文