javascript - Google Maps JavaScript API v3 でマーカーに情報を表示する

Question

すべてのマーカーは地図上の人物に対応しているので、マーカーの上にその人物の名前を単純に表示したいと思います。現在、マーカーをクリックすると人の名前を表示できますが、クリックせずに名前を表示したいです。どうすればそれを達成できますか？

Answer 1

ビルドした後、それぞれに対して 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);

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