在razor foreach循环中创建JavaScript元素

Question

I'm adding the results of a search to a map using OpenStreetMap . For each returned search result, I need to plot the latitude and longitude on a map as such:

L.marker([39.616886,-86.310997]).addTo(map)
.bindPopup('the institutions name')
.openPopup();

How do I do that within a forEach loop? Here's what I attempted, but I'm getting an error:

The name L doesn't exist in the current context.

@foreach (var u in Model.listschools)
{
    L.marker([@u.lat, @u.longt]).addTo(map)
        .bindPopup(@u.instnm)
    .openPopup();
}

Answer 1

Razor is considering the code inside @foreach as C# code, so you need to tell it that it is not. One way to do so can be by placing it between <text></text> :

@foreach (var u in Model.listschools)
{
    <text>L.marker([@u.lat, @u.longt]).addTo(map)
           .bindPopup('@u.instnm')
           .openPopup();</text>
}

Also notice that you forgot the quotes on this line:

.bindPopup('@u.instnm')