function initialize() {
    // map
    var mapOptions = {
        zoom: 16,
        center: new google.maps.LatLng(35.700230, 139.412534),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(
        document.getElementById('gmap'),
        mapOptions
    );

    // cinema one
    var iconOne = {
        url: 'images/gpin_city.gif',
        size: new google.maps.Size(20, 30)
    };
    var markerOne = new google.maps.Marker({
        position: new google.maps.LatLng(35.70055, 139.413806),
        map: map,
        icon: iconOne,
        title: 'シネマ・ワン'
    });

    // cinema two
    var iconTwo = {
        url: 'images/gpin_two.gif',
        size: new google.maps.Size(20, 30)
    };
    var markerTwo = new google.maps.Marker({
        position: new google.maps.LatLng(35.701424, 139.412310),
        map: map,
        icon: iconTwo,
        title: 'シネマ・ツー'
    });

    // info window
    var infoWindow = new google.maps.InfoWindow();

    // markers
    registerInfo(infoWindow, 'A', map, 35.700863, 139.412085);
    registerInfo(infoWindow, 'B', map, 35.701780, 139.411854);
    registerInfo(infoWindow, 'C', map, 35.700544, 139.412185);
    registerInfo(infoWindow, 'D', map, 35.699549, 139.411432);
    registerInfo(infoWindow, 'E', map, 35.700415, 139.411091);
    registerInfo(infoWindow, 'F', map, 35.701002, 139.410443);
    registerInfo(infoWindow, 'G', map, 35.699845, 139.411388);
    registerInfo(infoWindow, 'H', map, 35.700638, 139.413793);
    registerInfo(infoWindow, 'I', map, 35.700902, 139.413190);
    registerInfo(infoWindow, 'J', map, 35.702482, 139.414043);
    registerInfo(infoWindow, 'K', map, 35.699577, 139.412876);
    registerInfo(infoWindow, 'L', map, 35.698433, 139.414757);
};

function registerInfo(infoWindow, index, map, lat, lng) {
    var info = eval('info' + index);
    $('#' + index).text(info.index + ' ' + info.name);
    var icon = {
        url: 'http://www.google.com/mapfiles/marker' + index + '.png'
    };
    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, lng),
        map: map,
        icon: icon,
        title: info.name
    });
    marker.addListener('click', function() {
        showInfo(infoWindow, map, marker, info);
    });
    $('#' + index).on('click', function() {
        showInfo(infoWindow, map, marker, info);
    });
};

function showInfo(infoWindow, map, marker, info) {
    infoWindow.close();
    var content = '<table width=200>';
    content += '<tr><th align=left>' + info.index + ' ' + info.name + '</th></tr>';
    content += '<tr><td></td></tr>';
    content += '<tr><td align=left><pre>' + info.desc + '</pre></td></tr>';
    content += '</table>';
    infoWindow.setContent(content);
    infoWindow.open(map, marker);
};