Как установить порядок рендеринга групп карт с z-index - PullRequest
Новая
       9

Как установить порядок рендеринга групп карт с z-index

0 голосов
/ 08 октября 2019

У меня есть карта с двумя добавленными группами, каждая из которых содержит несколько маркеров, и я хочу, чтобы первая из них всегда отображалась выше второй.

Карта использует ядро ​​3.1 здесь, и я уже пыталсяустановите свойство zIndex в параметре opt_options для каждой группы без какого-либо эффекта. Маркеры могут быть удалены или добавлены в каждую группу в любое время.

Вот как я создаю и добавляю группы на карту: 

const group1 = new H.map.Group({zIndex: 10});
const group2 = new H.map.Group({zIndex: 0});

map.addObjects([
    group1,
    group2
]);

Теперь в любой момент можно добавить маркердля одной из групп по подписке: 

poiMarkers$.subscribe(pois => {
    group1.removeAll();

    pois.forEach(poi => {
        const marker = new H.map.Marker(poi.position, poi.icon);
        group1.addObject(marker);
    }) 
});

userMarker$.subscribe(user => {
    group2.removeAll();

    const marker = new H.map.Marker(user.position, user.icon);
    group2.addObject(marker);
});

Теперь все маркеры отображаются правильно, но маркеры group2 по-прежнему отображаются над группой group1.

...