mapbox怎么添加自定义文本

Question

用的mapbox地图怎么在图标的右侧添加文本显示当前中心坐标的地理位置名称。
已经加入图片了代码如下怎么添加右边的文字

      let img = new Image();
      img.src = '/image/cn/normal.png';
      var marker = new mapboxgl.Marker(img, { offset: { x: 0, y: -20.5 } })
        .setLngLat([104.035719, 30.332331])
        .addTo(map);

Answer 1

用两个marker,相对位置用offset去调整
let curMarker = new mapboxgl.Marker(icon, {offset: [0, -15]})
              .setLngLat(coid.coordinates)
              .addTo(map);
let el = document.createElement('div');
el.innerHTML = '要显示的文字';
let currentMarkerTitle = new mapboxgl.Marker(el, {offset: [35, -25]})
              .setLngLat(coid.coordinates)
              .addTo(map);
            

Answer 2

web形式怎么添加

map.addImage('pulsing-dot', pulsingDot, { pixelRatio: 2 });

        map.addSource('points', {
            'type': 'geojson',
            'data': {
                'type': 'FeatureCollection',
                'features': [
                    {
                        'type': 'Feature',
                        'geometry': {                                
                            'type': 'Point',
                            'coordinates': [103.605, 36.101]
                        }
                    },
                    {
                        'type': 'Feature',
                        'geometry': {
                            'type': 'Point',
                            'coordinates': [103.888, 36.101]
                        }
                    }
                ]
            }
        },

我想在这两个动态图标旁边加上文字注释