Google Maps Path Polyline test
by maxgalbu
HTML
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=false"></script>
</head>
<body>
<div id="map"></div>
</body>
</html>
CSS
#map {width:670px;height:600px;}
JavaScript
$(document).ready(function() {
var myLatlng = new google.maps.LatLng(43, 11);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var paths = [
"maajGsircAbB\\d@LnHrBD@lB`@d@Tj@^^Vv@t@PPnA~A`@f@|@`A|@fADDrBfCpArAFFjAdAZx@zBfGXv@DLlF~NN`@Zr@LVRXb@r@dB`C~AzBp@~@t@~@\\^l@n@fEpDbBzAjD|C^ZlB|Ab@T|@`@`@NbAVf@Dp@Hb@Br@BL?z@Ax@EnCQnBUjBSJ?",
"gn}iGkiocAT`@", "qm}iGihocADDt@v@pBnBz@v@FFlBhBbAz@t@t@RRPVJTN^DJ", "o||iGqvncALGDCfBuApEeDFKFIjAeCRa@FKTc@FCHCFAZC", "}k|iGufocAp@z@FFHHPNRLNJTH\\JbANVDbANf@Hb@D|@LH@F?H?JAL?JAJCD?DAxAe@bGsCpBu@HCnBm@rA]l@OLEPAh@Gp@EnDOhBQ\\?L@`AVNDTDjAXHBdAb@RLhExCFLDBh@ZB@@@^n@@@DBRH", "acziGq`ocAA@?@?B?@?B?@?B?@MFmAl@sBn@_BdA", "slziGozncACI?AA?AAC@q@N_@DQBI?MAMCOMQMKSIMIWCSEYAQ@W@Y@SBSBW@Q?U@]?OE_@AQCo@Ee@Fo@BU@KB_@Fm@j@qEHm@Jk@l@qDToATuATuBJy@Hi@Fo@JsAJgBLiEF{DhB}X\\kENsD@g@@{@?c@Ac@MeBSkCKi@?AIe@w@kCs@_Bo@uAq@sAmE_KQ_@AEk@cAEGS]cUyc@mA}BeFeKcC_FGKGOMY{@iBoB{DcC{E}@kBeEmIaAoBMWKSEImBuDcBkD{@gBwDuH_AiBuDwHoAcCkKmS_@u@Se@Wi@a@gA_@gAYaAQw@Mq@",
];
for (var i = 0; i < paths.length; i++)
{
new google.maps.Polyline({
path: google.maps.geometry.encoding.decodePath(paths[i]),
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2,
map: map
});
}
});