Maps API v3 Encoded polyline

http://stackoverflow.com/questions/32117683

by barbarina

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: 44.43,
            lng: 8.74
        },
        zoom: 14
    });

    var r1 = '{kcnGwahu@v@AHBVRN^Dj@Gp@IXOTYRUDWASMYe@o@_COk@Si@UUUKSAo@Dc@Eu@_@_Ao@}@q@i@[e@QIG';
    var r2 = '{kcnGwahu@p@Wt@a@l@a@`@c@`@q@Ve@L]';
    var r3 = '_ecnGwihu@ADQJEB]f@[Zo@h@y@^qAZKFOHKP[r@k@~AeArCUf@';
    var r4 = 'uxcnGsehu@L\\HNZ\\h@d@NXb@|@Nd@Hh@?z@OrAAD';
    var r5 = 'kxgnG}tju@fAxLN`CBdA?jACdBIr@Ip@OhAOr@{B~HcAvDQjACdADz@L`AR|@L^l@x@v@p@z@X~@R';
    var r6 = 'qpgnGk`ju@K?OIQIUO]a@O]Mi@QkAMqA]}DWwBK]?G';
    var r7 = 'mphnGsphu@fD}B|KeI`BsAz@s@t@cAl@eAh@qAXeATcAToCHoBI}BEi@e@{CYaBYuB_@cE]iE?c@';
    var r8 = 'cndnGsqjt@{@aAWUc@SOG_@Ic@Eu@Bu@Jg@Ny@h@WVa@n@Q^Uf@k@nAo@hAs@bA[\\}@r@y@f@qCfAe@Tm@^g@^i@j@{AvBw@jAo@p@o@f@eAf@[HcALc@?';
    var r9 = 'egenGaflt@[ViArBw@hBi@bBo@rC_@jBWrBKz@GxB@`CJzBLvAXhCf@bDPdBBt@@|BCz@M|AOhA_@lBW`Aa@`As@dA}@pAk@t@w@x@u@f@[FYLi@N}@T';
    var r10 = '_qenGk{it@n@mAVm@Z}@R}@NsALaC@u@?uBKsBo@wFOkB[wFCcDF}ARyBf@oCj@uCPo@X}@r@kBx@aBXe@n@eAnAwBZq@f@qAbBaGnAcF^yAZ{AR_BXuD?Y';
    var r11 = '_qenGk{it@R[NGd@k@dB_Cj@o@d@a@p@]`@OfAWLA^En@@H?l@DXElA\\';
    /*var r12 = 'mphnGsphu@fD}B|KeI`BsAz@s@t@cAl@eAh@qAXeATcAToCHoBI}BEi@e@{CYaBYuB_@cE]iE?c@';*/

    
    var line1 = new google.maps.Polyline({
        path: google.maps.geometry.encoding.decodePath(r1),
        strokeColor: '#00008B',
        strokeOpacity: 1.0,
        strokeWeight: 4,
        zIndex: 3
    });

    line1.setMap(map);
    
    var line2 = new google.maps.Polyline({
        path: google.maps.geometry.encoding.decodePath(r2),
        strokeColor: '#00008B',
        strokeOpacity: 1.0,
        strokeWeight: 4,
        zIndex: 3
    });

    line2.setMap(map);
    
    var line3 = new google.maps.Polyline({
        path: google.maps.geometry.encoding.decodePath(r3),
        strokeColor: '#00008B',
        strokeOpacity: 1.0,
        strokeWeight: 4,
       ...