Angular 4 Google Maps如何向标记添加描述

Question

我正在使用 angular 4 和 angular 谷歌地图。

我想添加这样描述的标记：

角度图的文档真的很差，我找不到类似的东西。

我知道如何添加标记，但它的唯一属性是标题，但是当我们将鼠标移到标记上时它会显示。我能做什么？

Answer 1

我发现的解决方案一点也不漂亮，但你不必使用任何外部 api，基本上你使用 label 属性来显示文本并在文本的开头添加一些额外的空格，因为因为唯一的属性标签可用的是（颜色、字体家族、字体大小、字体重量、文本），您不能向其添加样式类

let  markerLabel = {
  text: this.stringWithSpaces('King's Cross',15),
  color: 'red'
}

stringWithSpaces(string, n){
  return Array(n).join('\xa0')+string
}

let marker = new google.maps.Marker({
  position: latLon,
  label: markerLabel,
  map: map,
  icon: {...}
});

我没有对此进行大量研究，但是如果您愿意，可以尝试使用此https://github.com/jesstelford/node-MarkerWithLabel