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

时间:2018-02-16 09:44:38

标签: angular google-maps google-maps-markers

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

我想添加带有这样描述的标记:

enter image description here

角度贴图的文档真的很差,我找不到那样的东西。

我知道如何添加标记,但只有它具有的属性是标题,但是当我们将鼠标移到标记上时会显示它。我该怎么办?

1 个答案:

答案 0 :(得分:1)

我找到的解决方案根本不是很好,但你不必使用任何外部api,基本上你使用label属性来显示文本并在文本的开头添加一些额外的空格因为只有属性可用于标签的是(color,fontFamily,fontSize,fontWeight,text),你无法为其添加样式类

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