Question

我在使用c＃和javascript时是一种新事物，我不确定如何从javascript弹出窗口中打开.cshtml页面。所以基本上我有一个地图，上面有2个图钉（目前），它们表示我所在城市的停车场。我想在弹出窗口中创建一个“查看详细信息”按钮，该按钮会将我重定向到新页面。这是mai .cshtml页面：

@model ProiectColectiv.Models.User
@{
    ViewData["Title"] = "Admin Map";
}
<!DOCTYPE html>
<style>
    html, body, #map-container {
        height: 100%;
    }

    #mapid {
        height: 94vh;
    }

    .header {
        left: 80px;
        position: absolute;
        top: 9vh;
        z-index: 401;
    }
</style>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Map</title>
    <link rel="stylesheet" href="~/css/map.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css"
          integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
          crossorigin="" />
</head>
<body>
    <h1 class="header">
        Hello, @Model.Name!
    </h1>
    <div id="mapid"></div>
</body>
</html>
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"
        integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg=="
        crossorigin=""></script>

<script>
    var mymap = L.map('mapid').setView([46.776, 23.594], 13);

    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',
        {
            maxZoom: 18,
            minZoom: 12,
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(mymap);

    var marker = L.marker([46.770, 23.592]).addTo(mymap);
    marker.bindPopup("Parcarea Adminului. View Details");
    L.marker([46.7825, 23.6880]).addTo(mymap).bindPopup("Parcarea lu varu!");

</script>

我的问题是，我该如何建立连接？另外，如果有人知道是否有用于不同城市停车场的Google Maps API，请告诉我。

如何使javascript弹出窗口将我发送到.cshtml页面？

0 个答案: