带有标记的Google地图标签，例如搜索结果

Question

如果我在Google地图中搜索某个地点，我会在旁边显示带有红色文字位置名称的标记。

有没有办法在我的网站上使用Google Maps API复制这个？

我尝试在Google的开发者网站（https://developers.google.com/maps/documentation/javascript/markers）上使用该方法添加我的标记，但不是按位置搜索，而是需要精确的坐标，并且似乎没有是一种在它旁边添加红色文字的方法。

标记有title属性，但只会产生工具提示。

我的代码到目前为止......

<script>
  function initMap() {
    var vmotion = {lat: 52.671648, lng: -8.552518};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 15,
      center: vmotion
    });
    var marker = new google.maps.Marker({
      position: vmotion,
      map: map,
      title: 'VMotion IT Solutions Ltd.'
    });
  }
</script>

Answer 1

您可以在此处使用地图标签库：https://github.com/googlemaps/js-map-label。

这里的例子; https://googlemaps.github.io/js-map-label/examples/maplabel.html

你这样使用它：

  var mapLabel = new MapLabel({
          text: 'Test',
          position: new google.maps.LatLng(34.03, -118.235),
          map: map,
          fontSize: 35,
          align: 'right'
        });
        mapLabel.set('position', new google.maps.LatLng(34.03, -118.235));