Maps API v3 Encoded polyline

http://stackoverflow.com/questions/32117683

by mapmyindia_map

HTML

<script src="http://maps.googleapis.com/maps/api/js?libraries=geometry&amp;sensor=false"></script>
<div id="map-canvas"></div>

CSS

#map-canvas {
    height: 400px;
}

JavaScript

function initialize() {

    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: {
            lat: -35.278004899930188,
            lng: 149.129531998742
        },
        zoom: 19
    });

    var encoded_data = 'ChIJtWxAZmpNFmsRlbUCkc6VtnA';

    var decode = google.maps.geometry.encoding.decodePath(encoded_data);

    var line = new google.maps.Polyline({
        path: decode,
        strokeColor: '#00008B',
        strokeOpacity: 1.0,
        strokeWeight: 4,
        zIndex: 3
    });

    line.setMap(map);
}

initialize();