Я хочу выделить маркер на карте при наведении соответствующего элемента на боковой панели.
У меня есть те же предметы, что и на карте, и на боковой панели.
Так что я хочу, чтобы когда вы наводили курсор на элемент на боковой панели, соответствующий маркер отскакивал, или двигался, или что-то делал.
У меня есть map.on('load', function() {...}
Где я загружаю источник markers
, активирую культиваторы и добавляю несколько слоев
Источником является файл geojson, который я строю из данных моего бэкенда.
Там, где я загружаю источник, активирую культуры и добавляю несколько слоев:
map.on('load', function() {
map.addSource('users', {
type: "geojson",
data: markers,
cluster: true,
});
map.addLayer({
id: "singles",
type: "circle",
source: "users",
filter: ["!has", "point_count"],
paint: {
'circle-radius': {
'base': 10,
'stops': [[5, 20], [15, 500]]
},
'circle-color': '#ddffc8',
}
});
map.addLayer({
id: "clusters",
type: "circle",
source: "users",
filter: ["has", "point_count"],
paint: {
"circle-color": '#ddffc8',
'circle-radius': {
'base': 10,
'stops': [[5, 20], [15, 500]]
},
}
});
map.addLayer({
id: "cluster-count",
type: "symbol",
source: "users",
filter: ["has", "point_count"],
layout: {
"text-field": "{point_count_abbreviated}",
"text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
"text-size": 12
}
})
})
Я могу получить доступ к GeoJson, но это всего лишь файл json с информацией о каждом из маркеров, в нем нет свойства, например, marker.bounce или около того ...
Итак, как я могу сделать так, чтобы при наведении курсора на элемент боковой панели соответствующие маркеры появлялись или меняли значок или что-то делали?
Спасибо.