How can we create a data array for google map markers using data from asp.net mvc model?

Solution for How can we create a data array for google map markers using data from asp.net mvc model?
is Given Below:

I want to create a data array in JavaScript for google map markers using data from asp.net mvc model and wrote this snippet

 var locations = [];
@foreach (var d in Model.Properties.Where(p=>p.Longitude!=null))
{
@:locations.push("@d.Description", "@d.Latitude", "@d.Longitude",@d.Id);
}

But I am not getting the expected results, as there is a problem with the data array which I want to be like this one bellow

var locations = [
  ['Bondi Beach', -33.890542, 151.274856, 4],
  ['Coogee Beach', -33.923036, 151.259052, 5],
  ['Cronulla Beach', -34.028249, 151.157507, 3],
  ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
  ['Maroubra Beach', -33.950198, 151.259302, 1]
];

Instead of

@:locations.push("@d.Description", "@d.Latitude", "@d.Longitude",@d.Id);

defining it as

@:locations.push(["@d.Description", "@d.Latitude", "@d.Longitude",@d.Id]);

Solved the issue.