Edit in JSFiddle

var map = $('#map');    

var close = function () {    
    var m = map.data('tinyMap'),
        markers = m._markers,
        marker = {},
        i = 0;
    for (i; i < markers.length; i += 1) {
        markers[i].infoWindow.close();
    }    
};

map.tinyMap({
    center: { x: '25.037467', y: '121.564077' },
    marker: [
        {
            id: 'm01', 
            addr: ['25.037467', '121.564077'], 
            text: 'marker01',
            title: 'marker01',
            event: close
        },
        {
            id: 'm02', 
            addr: ['25.100295', '121.549494'], 
            text: 'marker02',
            title: 'marker02',
            event: close
        },
        { 
            id: 'm03', 
            addr: ['25.033570', '121.564773'], 
            text: 'marker03',
            title: 'marker03',
            event: close
        }
    ],
    zoom: 14        
});

<div id="info">&nbsp;</div>
<div id="map"></div>    
#map{width: 100%;height:240px}
#info{background:#eee;margin-bottom:6px}
.label{background-color:rgba(0,0,0,0.8);color:#fff;padding:3px}

External resources loaded into this fiddle: