photo-sphere-viewer 添加热点区域

photo-sphere-viewer是一个用于展示360度全景图的JavaScript库，它允许你在全景图像上添加交互元素，如热点区域（hotspots）。热点区域通常用于提供额外的信息、链接或者其他互动功能，当用户点击特定位置时，会触发预设的行为。

要在`photo-sphere-viewer`中添加热点区域，你需要按照以下步骤操作：

1. 首先，在创建`PhotoSphereViewer`实例时，你需要传递一个包含热点区域数据的对象。这个对象通常会有`latLng`属性表示热点的位置（经纬度），以及`content`或`event`属性来指定点击后的行为，比如显示信息或者跳转链接。

import PhotoSphereViewer from 'photosphere-viewer';

const options = {
  panorama: 'path/to/your/panorama.jpg',
  hotspots: [
    {
      latLng: { lat: ..., lng: ... },
      content: '这是一个热点区域',
    },
    // 可能还有其他热点...
  ],
};

const viewer = new PhotoSphereViewer(element, options);

2. 热点区域可以使用HTML内容，也可以使用回调函数作为事件处理器。例如：

hotspots: [
  {
    latLng: { lat: ..., lng: ... },
    event: function() {
      alert('点击了热点!');
    },
  }
]