javascript - 在 razor foreach 循环中创建 JavaScript 元素

Question

我正在使用 OpenStreetMap 将搜索结果添加到 map 中。对于每个返回的搜索结果，我需要在 map 上绘制纬度和经度，如下所示:

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

如何在 forEach 循环中执行此操作？这是我尝试过的，但出现错误:

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 正在考虑 @foreach 内的代码作为 C# 代码，因此您需要告诉它它不是。一种方法是将其放在 <text></text> 之间。 :

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

另请注意，您忘记了此行中的引号:

.bindPopup('@u.instnm')