「地图」高德JS API地图POI信息层级设置

348 阅读1分钟

遇到一个关于“修改高德地图POI信息层级”的问题,分享给大家

解决方案

function setLayerPoiZIndex(amap: AMap.Map) {
  const layers = amap.getLayers()
  // 找到POI对应的图层
  const layerPoi = layers.find(
    (v) => v.CLASS_NAME === 'AMap.Inner.LabelsLayer'
  )

  // 设置`POI`图层的层级
  layerPoi?.setzIndex(111)
}
  1. 首先POI信息其实是一个AMap.LabelsLayer图层
  2. 通过amap.getLayers()获取所有图层,从中找到POI图层,使用AMap.LabelsLayer提供的setzIndex()方法设置层级即可
  3. 经过尝试POI图层设置层级大于110,POI文字信息就能覆盖在polyline之上了

效果图

❤点点关注,点点赞❤

...End...