Javascript Mapbox,悬停在边栏元素上时反弹相应的标记
当我将相应的项目悬停在侧边栏上时,我想在地图上突出显示一个标记 我有相同的项目显示在地图上,也在一个侧栏 所以我想知道当你把鼠标悬停在边栏上的一个项目上时,相应的标记会反弹,移动或做一些事情 我有一个Javascript Mapbox,悬停在边栏元素上时反弹相应的标记,javascript,mapbox,Javascript,Mapbox,当我将相应的项目悬停在侧边栏上时,我想在地图上突出显示一个标记 我有相同的项目显示在地图上,也在一个侧栏 所以我想知道当你把鼠标悬停在边栏上的一个项目上时,相应的标记会反弹,移动或做一些事情 我有一个map.on('load',function(){…} 在这里,我加载一个源标记,激活Culster,并添加一些层 源代码是我使用后端数据构建的geojson文件 在这里,我加载一个源,激活Culster,并添加一些层: map.on('load', function() { map.a
map.on('load',function(){…}
在这里,我加载一个源标记
,激活Culster,并添加一些层
源代码是我使用后端数据构建的geojson文件
在这里,我加载一个源,激活Culster,并添加一些层:
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之类的属性
那么,当我将鼠标悬停在一个侧边栏项目上时,如何使相应的标记移动、更改图标或执行某些操作呢
谢谢