@bibr , você conseguiu fazer isso funcionar?

@ ryan-morris sim, eu preciso carregar o mapa antes do marker.js, então em index.html eu adicionei isso

window.onload = function() {
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = 'assets/js/marker.js';
        var x = document.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
    }

@bibr @ ddctd143 Obtendo erro Zona: angular; Valor: ReferenceError: MarkerWithLabel não é definido quando estou usando o novo MarkerWithLabel. Alguma ideia de como posso resolver isso?
`import {Directive, OnInit} from '@ angular / core';
importe {GoogleMapsAPIWrapper} de 'angular2-google-maps / core';
import "../scripts/markerwithlabel.js";

declara const Marker WithLabel: any;

@Directive ({
seletor: 'markerlabel-Directive'
})

export class MarkerLabelDirective implementa OnInit {

private map: any;
constructor(private gmapsApi: GoogleMapsAPIWrapper) {}
ngOnInit() {
this.gmapsApi.getNativeMap().then(map => {
  // instance of the map.
  this.map = map;
  this.initMap();
});

}

initMap () {
var latLng = new google.maps.LatLng (49.47805, -123.84716);
var homeLatLng = new google.maps.LatLng (49.47805, -123.84716);

 var marker1 = new MarkerWithLabel({
   position: homeLatLng,
   draggable: true,
   raiseOnDrag: true,
   map: this.map,
   labelContent: "$425K",
   labelAnchor: new google.maps.Point(22, 0),
   labelStyle: {opacity: 0.75}
 });

 var marker2 = new MarkerWithLabel({
   position: new google.maps.LatLng(49.475, -123.84),
   draggable: true,
   raiseOnDrag: true,
   map: this.map,
   labelContent: "$395K",
   labelAnchor: new google.maps.Point(22, 0),
   labelStyle: {opacity: 1.0}
 });

 var iw1 = new google.maps.InfoWindow({
   content: "Home For Sale"
 });
 var iw2 = new google.maps.InfoWindow({
   content: "Another Home For Sale"
 });
 google.maps.event.addListener(marker1, "click", function (e) { iw1.open(this.map, this); });
 google.maps.event.addListener(marker2, "click", function (e) { iw2.open(this.map, this); });

}
} `

alguma atualização?

aqui está uma solução alternativa, a partir da documentação da API do Google Maps, o rótulo pode ser uma string ou uma especificação de objeto MarkerLabel, então, em vez de usar string para rótulo, especifique o objeto MarkerLabel e insira-o como uma variável, por exemplo
`let markerLabelObject = {
cor vermelha",
fontFamily: "monospace",
fontSize: "13",
fontWeight: "100",
text: element.names

     }

    this.markers.push({
      lat: element.latitude,
      label:markerLabelObject,
      lng: element.longitude,`

Sim por favor. MarkerWithLabel parece ser o caminho a percorrer.
https://stackoverflow.com/questions/32467212/google-maps-marker-label-with-multiple-characters

@nelsonBlack O tamanho do marcador aumenta para você? Não é para mim, então não é muito útil.

@Ammueliza você conseguiu fazer funcionar?

Adicionada solicitação de pull com esta funcionalidade

1392

Este problema foi marcado automaticamente como obsoleto porque não teve atividades recentes. Ele será fechado se nenhuma outra atividade ocorrer. Obrigado por suas contribuições.

Tentei implementar isso agora e falhei. Ou eu entendi algo errado ou isso não faz parte da versão mais recente (1.0.0-beta.5)?
ERROR in: Não é possível vincular a 'markerWithLabel', pois não é uma propriedade conhecida de 'agm-marker'.
Tanto quanto eu entendo o código no PR, preciso definir isso como 'verdadeiro'.

Eu tentei com:
Angular 7 (ainda não é oficialmente compatível com a versão mais recente)
@ agm /
[email protected]

Alguém pode me dizer como fazer isso funcionar, por favor?

@pueaau estava tentando fazer isso funcionar, mas os caminhos estão todos aumentados https://www.npmjs.com/package/@ajqua/marker -with-label

Criou um novo repo com os caminhos corretos
https://github.com/braxtondiggs/marker-with-label

Este problema foi marcado automaticamente como obsoleto porque não teve atividades recentes. Ele será fechado se nenhuma outra atividade ocorrer. Obrigado por suas contribuições.