mapbox官网中如何显示文字？

在Mapbox平台上，你可以通过JavaScript API轻松地在地图上添加文本标记。以下是基本步骤：

1. **创建地图容器**：首先，在HTML中添加一个`<div>`元素，用于容纳地图。例如：

   <div id="map"></div>

2. **加载Mapbox-gl-js库**：在你的项目中引入Mapbox GL JS库，可以使用CDN链接：

   <script src='https://api.mapbox.com/mapbox-gl-js/v2.4.0/mapbox-gl.js'></script>

3. **初始化地图**：在JavaScript中，使用API创建地图实例并设置视口：

   mapboxgl.accessToken = 'your_access_token';
   var map = new mapboxgl.Map({
     container: 'map', // 使用之前设定的ID
     style: 'mapbox://styles/mapbox/streets-v11', // 地图样式
     center: [-74.5, 40], // 中心点坐标
     zoom: 12 // 初始缩放级别
   });

4. **添加标注**：创建`mapboxgl.Marker`对象，并使用`setLngLat`设置位置，然后用`addTo`将它添加到地图上，添加文本内容：

   var marker = new mapboxgl.Marker()
     .setLngLat([longitude, latitude]) // 设置经纬度
     .setPopup(new mapboxgl.Popup().setHTML('<h3>我的标题</h3><p>这是我的详细描述。</p>')) // 添加自定义的文字内容
     .addTo(map);