单击地图时，清除基于mapbox-gl-js的地图周围的黑色边框

是通过以下步骤实现的：

1. 首先，需要在地图的点击事件处理函数中添加代码来清除黑色边框。可以使用mapbox-gl-js提供的on方法来监听地图的点击事件，然后在回调函数中执行相应的操作。
2. 在点击事件的回调函数中，可以通过获取地图容器的DOM元素，并修改其样式来清除黑色边框。可以使用querySelector方法获取地图容器的DOM元素，然后使用style属性来修改其样式。
3. 在样式中，可以使用CSS的border属性来设置边框的样式。为了清除黑色边框，可以将边框的宽度设置为0，并将边框的颜色设置为透明。

以下是示例代码：

// 监听地图的点击事件
map.on('click', function(e) {
  // 获取地图容器的DOM元素
  var mapContainer = document.querySelector('.mapboxgl-map');

  // 清除地图容器的黑色边框
  mapContainer.style.border = '0';
});

这样，在单击地图时，就会清除基于mapbox-gl-js的地图周围的黑色边框。

关于mapbox-gl-js，它是一个基于WebGL的开源地图库，用于在网页上展示交互式地图。它提供了丰富的地图功能和可定制的样式，适用于各种地图应用场景。

腾讯云提供了与地图相关的产品和服务，例如腾讯位置服务（Tencent Location Service），它提供了地图、定位、导航等功能的API接口，可以帮助开发者快速构建地图应用。更多关于腾讯位置服务的信息可以参考腾讯位置服务产品介绍。