Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Mapbox,悬停在边栏元素上时反弹相应的标记_Javascript_Mapbox - Fatal编程技术网

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之类的属性

那么,当我将鼠标悬停在一个侧边栏项目上时,如何使相应的标记移动、更改图标或执行某些操作呢

谢谢