Here Maps：如何在mapviewchangeend事件中获取当前可见的marker

你不需要手动构造polygon参数，HERE Maps内置了直接获取当前可视区地理范围的方法，完整实现逻辑如下：

核心步骤 #

• 第一步：在mapviewchangeend事件回调中，调用地图实例的getViewBounds()方法，获取当前可视区域对应的H.geo.Rect矩形地理范围对象，该对象属于H.geo.AbstractGeometry子类，可以直接作为参数传入getObjectsWithin方法
• 第二步：调用getObjectsWithin传入上述范围对象，再对返回结果做类型过滤，筛选出所有Marker实例即可

完整代码示例 #

// 假设map是你初始化的H.Map实例
map.addEventListener('mapviewchangeend', () => {
  // 1. 获取当前地图可视区域的地理矩形范围
  const viewBounds = map.getViewBounds();
  // 2. 获取该范围内的所有地图对象
  const allObjectsInView = map.getObjectsWithin(viewBounds);
  // 3. 过滤出仅Marker类型的对象
  const markersInView = allObjectsInView.filter(obj => obj instanceof H.map.Marker);
  
  // 此处可写入你需要的业务逻辑
  console.log('当前可视区Marker数量：', markersInView.length);
})

可选补充：手动构造Polygon参数的方法 #

如果你确实需要传入Polygon类型参数，可以通过可视矩形的四个顶点自行构造：

const viewBounds = map.getViewBounds();
// 提取矩形四个顶点坐标
const topLeft = viewBounds.getTopLeft();
const topRight = viewBounds.getTopRight();
const bottomRight = viewBounds.getBottomRight();
const bottomLeft = viewBounds.getBottomLeft();
// 构造Polygon对象
const viewPolygon = new H.map.Polygon(new H.geo.LinearRing([
  topLeft, topRight, bottomRight, bottomLeft, topLeft
]));

性能优化建议 #

如果你的Marker都统一存放在独立的H.map.ObjectLayer图层中，建议直接调用图层实例的getObjectsWithin方法，避免遍历全地图所有对象，提升大数量级Marker下的查询效率。

内容的提问来源于stack exchange，提问作者cweiske