複数のマーカーそれぞれに吹き出しをつける

複数のgoogle.maps.Markerに吹き出しをつけるのは難しかったんですが、Yahoo! JavaScriptマップAPIだとこんな感じ。

<script type="text/javascript" src="https://map.yahooapis.jp/js/V1/jsapi?appid=アプリケーションID"></script>
<div id="map" style="width: ***px; height: ***px;"></div>
<script type="text/javascript">
window.onload() = function() {

  // 位置情報と表示データの組み合わせ
  var data = new Array();
  data.push({position: new Y.LatLng(35.697745, 139.826395), content: '亀戸'});
  data.push({position: new Y.LatLng(35.700295, 139.833692), content: '亀戸水神'});
  data.push({position: new Y.LatLng(35.707055, 139.831897), content: '東あずま'});
  data.push({position: new Y.LatLng(35.710127, 139.828033), content: '小村井'});
  data.push({position: new Y.LatLng(35.717753, 139.816786), content: '曳舟'});

  var myMap = new Y.Map("map");
  myMap.drawMap(
    // 中心点緯度経度
    new Y.LatLng(35.71, 139.83), 
    // ZOOMレベル
    14,
    // レイヤーセット(標準地図)
    Y.LayerSetId.NORMAL
  );

  for (i = 0; i < data.length; i++) {
    var myMarker = new Y.Marker(data[i].position);
    myMarker.bindInfoWindow(data[i].content);
    myMap.addFeature(myMarker);
  }
}
</script>