Polyline snap V.S. direction

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>
<div id="map" class="map"></div>
<div id="map2" class="map"></div>

CSS

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

JavaScript

var map = $('#map'),
    map2 = $('#map2');

// Direction
map.tinyMap({
    'center': ['25.037627167884715', '121.56732559204102'],
    'zoom': 13,
    'direction': [
        {
            'from': ['25.034516521123315','121.56496524810791'],
            'fromText': '起點: 羅斯福路四段',
            'waypoint': [
                ['25.037627167884715', '121.56732559204102'],
                ['25.039726809855434', '121.55633926391602'],
                ['25.037160575899154', '121.55350685119629']
            ],
            'to': ['25.035877438787317', '121.55715465545654'],
            'toText': '終點: 北平西路'
        }
    ] 
});

// Polyline snap
map2.tinyMap({
    'center': ['25.037627167884715', '121.56732559204102'],
    'zoom': 14,
    'polyline': [
        {
            'coords': [
                ['25.034516521123315','121.56496524810791'],
                ['25.037627167884715', '121.56732559204102'],
                ['25.039726809855434', '121.55633926391602'],
                ['25.037160575899154', '121.55350685119629'],
                ['25.035877438787317', '121.55715465545654']
            ],
            'color': '#008800',
            'width': 6,
            'opacity': 0.6,
            'snap': true
        }
    ]
});