Mapbox展示多个marker并模拟某种形式的“聚会”

Mapbox是一款强大的地图开发平台，它允许开发者在地图上添加、管理和显示各种标记点（markers），常用于位置信息、导航或可视化数据。如果你想在Mapbox中展示多个marker，并模拟一种聚会效果，通常你会做以下操作：

1. **创建marker**：首先，你需要为每个参与者创建一个marker，每个marker代表一个人的位置。你可以通过API或者Mapbox GL JS库提供的Marker组件来添加。

const marker1 = new mapboxgl.Marker()
    .setLngLat([longitude1, latitude1])
    .addTo(map);

2. **标记集合**：如果你有多个marker，可以将它们存储在一个数组或对象里，方便管理。

const markers = [
    { name: 'John', lat: 51.5074, lng: -0.1278 },
    // 更多marker...
];

3. **聚会动画**：为了模拟聚会效果，可以设置一些交互，如当鼠标悬停在marker上时，改变颜色、大小或者显示更多信息。还可以设计一个定时器或事件，随着时间推移，让marker逐渐靠近某个中心点或活动区域。

map.on('mousemove', function(e) {
    if (e.features.length > 0) {
        const selectedMarker = e.features[0].properties;
        // 动画效果，如放大、更改图标等
    }
});

// 模拟聚会开始时间
setTimeout(() => {
    markers.forEach((marker) => {
        // 移动marker到特定位置
    });
}, 60000); // 例如一分钟后开始移动