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"> </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: