how to draw polylines on google maps dynamically

Question

I cant able to draw polylines on google maps. am getting the value dynamically.

var flightPlanCoordinates=[];
n = \"new google.maps.LatLng(\";
q = \")\";
var         


        

Answer 1

You are creating an array of strings ("new google.maps.LatLng(coor1,coord2)"), not an array of google.maps.LatLng objects.

This works for me.

var r=['13.034056,80.250489|13.036324,80.248538|13.026394,80.237562'];
var coordinates = r[0].split("|");
var flightPlanCoordinates = new Array();
for(i=0;i

working example

code snippet:

function initialize() {
  var mapOptions = {
    zoom: 3,
    center: new google.maps.LatLng(0, -180),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

var r=['13.034056,80.250489|13.036324,80.248538|13.026394,80.237562'];
var coordinates = r[0].split("|");
var flightPlanCoordinates = new Array();
var bounds = new google.maps.LatLngBounds();
for(i=0;i

html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }