mapbox 批量上图，给每个图标动态添加数据，具体实现代码

要批量上图并给每个图标动态添加数据，可以使用 Mapbox GL JS 库提供的 `addLayer` 和 `setData` 方法。以下是一个批量上图并添加动态数据的示例代码：

// 创建地图
const map = new mapboxgl.Map({
  // ...
});

// 批量上图
function addMarkers(markers) {
  markers.forEach(marker => {
    const el = document.createElement('div');
    el.className = 'marker';

    // 添加图标到地图
    new mapboxgl.Marker(el)
      .setLngLat([marker.lng, marker.lat])
      .addTo(map);

    // 添加动态数据
    const popup = new mapboxgl.Popup({
      closeButton: false,
      closeOnClick: false
    });
    el.addEventListener('mouseenter', () => {
      popup.setLngLat([marker.lng, marker.lat])
        .setHTML(`<h3>${marker.name}</h3><p>${marker.description}</p>`)
        .addTo(map);
    });
    el.addEventListener('mouseleave', () => {
      popup.remove();
    });
  });
}

在这个示例代码中，先创建了一个地图，然后定义了一个 `addMarkers` 函数来批量上图。当需要添加图标时，只需要调用这个函数，并传入图标数据即可。

注意，在这个示例代码中，图标数据应该是一个包含经纬度、名称和描述的对象数组。在 `addMarkers` 函数中，先遍历这个图标数据数组，然后为每个图标创建一个 `div` 元素，并使用 `new mapboxgl.Marker` 方法将图标添加到地图上。接着，使用 `new mapboxgl.Popup` 方法为每个图标添加一个弹出窗口，并在鼠标进入图标时显示弹出窗口。在弹出窗口中，可以动态添加数据，例如名称和描述。

需要注意的是，这个示例代码中的 `marker` 对象必须包含 `lng`、`lat`、`name` 和 `description` 属性。如果你的图标数据不是这个格式，需要相应地修改代码。