mar3d判断一个点是否在给定区域

Marzipano 3D 场景中判断一个点是否在给定区域，可以采用射线法或多边形顶点法。

射线法：通过 Marzipano 3D 场景中的 API 获取到需要判断区域的坐标系，然后获取鼠标点击事件的坐标，使用射线与区域的边相交的次数来判断点是否在区域内。具体实现方法如下：

viewer.addEventListener('click', function(event) {
  const coords = viewer.view().screenToCoordinates({x: event.clientX, y: event.clientY});
  const isInside = isPointInsidePoly(coords, vertices);
  if (isInside) {
    // 点在区域内部
  } else {
    // 点在区域外部
  }
});

function isPointInsidePoly(point, vertices) {
  let inside = false;
  const n = vertices.length;
  for (let i = 0, j = n - 1; i < n; j = i++) {
    const vi = vertices[i], vj = vertices[j];
    const intersect = ((vi.y > point.y) != (vj.y > point.y))
      && (point.x < (vj.x - vi.x) * (point.y - vi.y) / (vj.y - vi.y) + vi.x);
    if (intersect) inside = !inside;
  }
  return inside;
}

多边形顶点法：同样通过 Marzipano 3D 场景中的 API 获取到需要判断区域的坐标系，然后获取鼠标点击事件的坐标，使用多边形的顶点连接起来形成一系列边，判断这个点是否在这些边的左侧。具体实现方法如下：

viewer.addEventListener('click', function(event) {
  const coords = viewer.view().screenToCoordinates({x: event.clientX, y: event.clientY});
  const isInside = isPointInsidePoly(coords, vertices);
  if (isInside) {
    // 点在区域内部
  } else {
    // 点在区域外部
  }
});

function isPointInsidePoly(point, vertices) {
  let inside = false;
  const n = vertices.length;
  for (let i = 0, j = n - 1; i < n; j = i++) {
    const vi = vertices[i], vj = vertices[j];
    const intersect = ((vi.y > point.y) != (vj.y > point.y))
      && (point.x < (vj.x - vi.x) * (point.y - vi.y) / (vj.y - vi.y) + vi.x);
    if (intersect) inside = !inside;
  }
  return inside;
}

以上是两种常见的方法，具体实现可以根据实际情况选择适合的方式。