4个谷歌地图如何添加描述标记(Angular 4 Google Maps how to add de

2019-09-29 23:57发布

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

我想用这样的描述加上标记:

对角映射文档非常差,我找不到这样的事情。

我知道如何添加标记,但只有拥有财产所有权,但是当我们移动鼠标标记它显示。 我能做什么?

Answer 1:

我找到了解决办法是不漂亮可言,但你将不必使用任何外部API,基本上你使用标签属性中显示的文本,并在文本的开头添加一些额外的空间,因为,因为提供给唯一性标签是(颜色,fontFamily和fontSize的,fontWeight设置,文本),你不能样式类添加到它

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



文章来源: Angular 4 Google Maps how to add description to marker