检测图像何时接触建筑物



如何解决将图像放在某个坐标上并在图像接触任何建筑物时向控制台发送消息的问题?

有趣的问题。我认为您可以通过以下方式实现这一点:

  1. 使用Marker将图像添加到某个位置(请参阅 https://docs.mapbox.com/mapbox-gl-js/example/custom-marker-icons/(
  2. 给定标记的 HTML 元素,el使用getBoundingClientRect()查找其相对于视口的像素位置。
  3. 执行一些数学运算以找到相对于地图的这些位置。
  4. 使用这些位置调用map.queryRenderedFeatures(),以检测标记图像区域内是否有任何建筑物。

最新更新