Edit in JSFiddle

//マウスオーバーで情報ウィンドウを表示させる
function map_canvas() {
    //マーカーの情報
    var data = new Array();
    data.push({
        lat: '35.681382', //緯度
        lng: '139.7660843', //経度
        content: '東京駅<br />迷子にならないように！' //情報ウィンドウの内容
    });
    data.push({
        lat: '35.678187',
        lng: '139.76817',
        content: '<span style="color:#d50000">八重洲ブックセンター</span>'
    });
    //初期位置に、上記配列の最初の緯度経度を格納
    var latlng = new google.maps.LatLng(data[0].lat, data[0].lng);
    var opts = {
        zoom: 15,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"), opts);

    var markers = new Array();
    //マーカーを配置するループ
    for (i = 0; i < data.length; i++) {
        markers[i] = new google.maps.Marker({
            position: new google.maps.LatLng(data[i].lat, data[i].lng),
            map: map
        });
        markerInfo(markers[i], data[i].content);
    }
}

function markerInfo(marker, name) {
    google.maps.event.addListener(marker, 'mouseover', function (event) {
        new google.maps.InfoWindow({
            content: name
        }).open(marker.getMap(), marker);
    });
}

//地図描画を実行
google.maps.event.addDomListener(window, 'load', map_canvas);

<div id="map"></div>

#map {
    width: 100%;
    height: 300px;
}