tinyMap: Close all infoWindows when click the marker.

Require jQuery tinyMap v2.7.0 to 2.8.3

by essoduke chang

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;language=zh-TW"></script>
<script src="http://app.essoduke.org/tinyMap/jquery.tinyMap-2.7.0.min.js"></script>
<div id="info">&nbsp;</div>
<div id="map"></div>

CSS

#map{width: 100%;height:240px}
#info{background:#eee;margin-bottom:6px}
.label{background-color:rgba(0,0,0,0.8);color:#fff;padding:3px}

JavaScript

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        
});