设置标记的z-index时没有效果

时间:2017-06-09 06:09:18

标签: z-index here-api

我的浏览器应用程序跟踪在地图上移动的车辆。这些车辆代表DomMarkers。

聚类标记分组在我们通过H.Map.addLayer()添加到地图的一个图层中。

其他未聚类的车辆(例如用户选择并希望在地图上跟踪的特定车辆)通过H.Map.addObject()添加到地图中,以便它们不会合并到群集层中

我们希望非聚集标记在渲染时始终位于聚簇标记的前面。因此,我们明确设置了我们创建的每个标记的z索引,并且非聚集标记设置了更高的值。我们使用DomMarker.setZIndex()设置它。

但是,渲染HTML时,渲染的SVG元素的z索引不会反映我们明确设置的值。它就像Here Maps库一样,忽略了我们在代码中设置的z索引,只是自己设置z索引。

我们是通过让一个图层带有聚簇标记然后在H.Map.addObjects()中添加非聚类图层来正确地做到这一点吗?

由于

3 个答案:

答案 0 :(得分:0)

我做了一些实验,所以我将分享我的解决方法。

基本上,我在使用DomMarkers时无法设置z-index。它没有做任何事情。

但是,诺基亚开发者页面确实显示了如何修改z索引,但他们使用的是Marker对象而不是DomMarker对象:

https://developer.here.com/api-explorer/maps-js/v3.0/markers/ordering-overlapping-markers

我尝试了它并且它有效,所以我们只用代替Marker对象代替了代码中的DomMarker对象。

答案 1 :(得分:0)

可以使用opt_idx函数https://developer.here.com/documentation/maps/topics_api/h-map.html#h-map__addlayeraddLayer参数为整个图层设置z-index

答案 2 :(得分:0)

如果其中一个标记显示InfoWindow,它将显示在所有其他标记的前面。 也许您将infoWindow用于标记之一