Populating Javascript array with Model in ASP.Net MVC Razor

We just need to loop through the razor collection to populate the Javascript array as below:

@foreach (var item in Model)
{
     @:$(function () {
     @:$("#map").googleMap();
     @:$("#map").addMarker({
          @:coords:[@item.Latitude],
          @:title: `@item.City, @item.District`,
          @:text: `@item.Address`
     @:});
     @:});
}