javascript - 在 Google Maps JavaScript API v3 上的标记上显示信息

Question

每个标记对应于地图上的一个人，所以我想简单地在标记上显示那个人的名字。我目前可以通过单击标记来显示该人的姓名，但我想在不单击的情况下显示该姓名。我怎样才能做到这一点？

Answer 1

'click'通常，当事件在标记上触发时，您会打开 infoWindow 。简单地说，将'click'事件切换为'mouseover'事件以实现您的预​​期行为。

google.maps.event.addListener(marker, 'mouseover', function(){
    infoWindow.open(map, marker);
});

请参阅此处以获取参考（向下滚动到“事件”部分以查看标记上支持的事件列表）。

Answer 2

有几个库可用于创建带有可显示文本的标签的标记。这里有一对：

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/styledmarker/docs/reference.html

http://sub1.econym.org.uk/gmap/elabel.htm

例如，使用第一个库，您可以使用如下代码创建带有文本的标记：

new StyledMarker({
    map: map,
    position: new google.maps.LatLng(0, 0),
    styleIcon: new StyledIcon(StyledIconTypes.BUBBLE, {color: "FF0000", text: "Text"})
});

Answer 3

构建完成后，您可以在每个文件上调用 infowindow.open() 。我假设您已经知道如何构建它们并将它们附加到标记的 onclick 事件。

var infowindow = new google.maps.InfoWindow({
      content: contentString
  });

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Uluru (Ayers Rock)'
  });

infowindow.open(map,marker);