在Google Maps JavaScript API v3上显示有关标记的信息

时间:2013-11-01 23:12:02

标签: javascript google-maps google-maps-api-3

每个标记对应地图上的某个人,因此我只想在标记上显示该人的姓名。我现在可以通过单击标记显示该人的姓名,但我想显示该名称而不点击。我怎样才能做到这一点?

3 个答案:

答案 0 :(得分:0)

有几个库可用于创建带有可显示文本的标签的标记。这是一对夫妇:

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"})
});

答案 1 :(得分:0)

你可以在构建之后在每个上调用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);

答案 2 :(得分:0)

通常在标记上触发'click'事件时打开infoWindow。只需切换'click'事件的'mouseover'事件即可实现预期的行为。

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

请参阅here以供参考(向下滚动到“事件”部分,查看标记上支持的事件列表)。