Edit in JSFiddle

var map = $('#map');    

map.tinyMap({
    'center': {'x': '25.04151536540612', 'y': '121.56354904174805'},
    'zoom':  8,
    'marker': [
        /* 給予每個標記唯一的 id 值 */
        {'addr': '高雄市政府', 'text': '高雄市政府', 'id': '高雄市政府'},
        {'addr': '臺中市政府', 'text': '臺中市政府', 'id': '臺中市政府'},
        {'addr': '台北市政府', 'text': '台北市政府', 'id': '台北市政府'}
    ]
});

$('#list').on('click', 'a', function () {
    var obj = $(this),        
        id = obj.text(),
        m = {},
        marker = {},
        markers = [],
        i = 0;       
    
    // 取得 tinyMap 實例
    m = map.data('tinyMap');
    // 取得所有標記
    markers = m._markers;
        
    for (i; i < markers.length; i += 1) {
        marker = markers[i];
        // 關閉所有 infoWindow
        marker.infoWindow.close();
        console.dir(typeof marker.infoWindow.close);
        // 若標記 id 符合則開啟 infoWindow
        if (id === marker.id) {            
            marker.infoWindow.open(m.map, marker);
            // 移動地圖
            m.map.panTo(marker.position);            
        }
    }
    
});

<ul id="list">
    <li>點選：</li>
    <!-- 建立地址清單 -->
    <li><a href="#">高雄市政府</a></li>
    <li><a href="#">臺中市政府</a></li>
    <li><a href="#">台北市政府</a></li>
</ul>
<div id="map"></div>    

#list {margin:0 0 10px 0;padding:0}
#list li{display:inline-block}
#list li a{padding: 4px;background-color:gray;color:white;text-decoration:none}
#list li a:hover{background:black}
#map{width:100%;height:300px}