В маркер Google Map добавьте более одного ярлыка

Question

При создании маркера на карте Google мне нужно показать число, подобное (1), в центре изображения маркера и метку названия места под маркером, с некоторым расстоянием между маркером и меткой названия места.Я достиг метки названия места под маркером, но не могу найти, как поместить число в центр изображения маркера.В общем, я хочу предоставить две метки на каждый маркер.Заранее спасибо.

function createMarker(data, i) {
    
    if(onCountry) {
      var result = {lat: data[i].lat, lng: data[i].long};
      marker = new google.maps.Marker({
        position: result,
        map: map,
        data: data[i].name,
        icon: purpleIcon
      });
      countryArray.push(marker);
    } else {
      var result = {lat: data[i].lat, lng: data[i].long};
      marker = new google.maps.Marker({
        position: result,
        map: map,
        data: data[i].name,
        icon: {
          url: purpleIcon,
          labelOrigin: new google.maps.Point(17, 52)
        },
        labelClass:"my_label",
        label: {
          text: data[i].name,
          color: '#000',
          fontSize:'12px',
          fontWeight:'normal'
        }
      });
      allMarkerArray.push(marker);
    }
    
  }

Answer 1

Вы можете использовать класс MapLabel из https://github.com/googlemaps/js-map-label для добавления многослойных меток.Для позиции вы просто изменяете latLang маркера по своему желанию.

var mapLabel = new MapLabel({
  text: placeName,
  position: latLngBelowMarker,
  map: map,
  fontSize: 20,
  align: 'right'
});

Одна метка в центре маркера легко архивируется путем добавления метки к маркеру без каких-либо опций.

var marker = new google.maps.Marker({
          position: location,
          label: '1',
          map: map
       });