Instance for panBy

by essoduke chang

HTML

<script src="//maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://app.essoduke.org/js/tinyMap/jquery.tinyMap-3.1.7.js"></script>
<button type="button" id="panby">panBy 100, 100</button>
<p>Default is panBy 50, 50</p>
<div id="map" class="map"></div>

CSS

.map{width:320px;height:200px;margin-bottom:1em;}

JavaScript

var map = $('#map');    

// Direction
map.tinyMap({
    'center': ['25.037627167884715', '121.56732559204102'],
    'zoom': 13,
    'event': {
        'idle': {
            'func': function () {
                var m = map.data('tinyMap');
                if (m && m.hasOwnProperty('map')) {
                    m.map.panBy(50, 50);
                }            
            },
            'once': true
        }
    }
});

$('#panby').on('click', function () {
    var m = map.data('tinyMap');
    if (m && m.hasOwnProperty('map')) {
        m.map.panBy(100, 100);
    }
});