how to update javascript variable array from c#

Question

am working with this array in javascript of marks to show all marks in the map as static work is perfect

 var markers = [
{
    "title": 'Aksa Beach',
    "lat": '31.6227697895779',
    "lng": '-4.998779296875',
    "description": '/www.google.com">Read more</a>'
}];

but if i can add some marks from model in html view is my problem

@foreach (var item in Model) {
    markers.push({
    "title": item.name,
    "lat": item.lat,
    "lng": item.long,
    "description": item.descript
});
}

I think that serializing objects to JSON is a better way of creating complex data for JS than manually creating them. — kiziu
– kiziu, Commented Sep 29, 2016 at 14:50

Shyju · Accepted Answer · 2016-09-29 14:45:33Z

3

Wrap the values with single or double quotes. Also since item is a C# variable, you need to use @. You also need to use <text> tag as you are mixing C# code and plain text (js code)

<script>
  var markers = [];
  @foreach (var item in Model) {

   <text>
        markers.push({  "title": "@item.name",
                         "lat": "@item.lat",
                         "lng": "@item.long",
                         "description":"@item.descript"
                   });
   </text>

  }
</script>

edited Sep 29, 2016 at 14:45

answered Sep 29, 2016 at 14:37

Shyju

220k106 gold badges420 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bou Rif Abdou Over a year ago

thank you your answer open my mind but my map is gone

Shyju Over a year ago

May be the lat and long values from your Model collection is not valid. Do a console.log(markers) after the loop and confirm whether that is the expected values

Collectives™ on Stack Overflow

how to update javascript variable array from c#

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related