如何在另一页上显示地图并全屏查看

How to show map on another page and view fullscreen?

本文关键字：地图 显示 一页      更新时间：2023-09-26

我在项目 MVC 上使用 map。 当单击按钮"过滤器"时，在地图上显示某个点并显示到同一页面。我还想使用另一个按钮（显示按钮）在没有布局的另一个页面上显示地图。这意味着全屏地图视图。此点击按钮的事件：

<script type="text/javascript">
    $("#Showbutton").click(function () {
        var Desert = $("#DesertID").val();
        var Type = $("#meter_TypeMeterID_FK").val();
        var Usemeter = $("#meter_UseMeterID_FK").val();
        var Affair = $("#meter_AffairID_FK").val();
        var GroupMeter = $("#meter_GroupMeterID_FK").val();
        var Status = $("#modem_StatusID_FK").val();
        var StatusMeter = $("#meter_StatusID_FK").val();
        $.ajax({
            type: "POST",
            url: '@Url.Action("ShowMapOnOtherPage", "Map")'
            dataType: "JSon",
            data: { "Affair": Affair, "Type": Type, "Desert": Desert, "Usemeter": Usemeter, "GroupMeter": GroupMeter, "Status": Status, "StatusMeter": StatusMeter },
            success: successFunc,
            error: errorFunc
        });
    });

当显示按钮单击时，运行方法"ShowMapOnOtherPage"：

 public ActionResult ShowMapOnOtherPage(string desertName, string Type, string Usemeter, string Affair, string GroupMeter, string Status, string StatusMeter)
    {
       //Do something
        return View("~/Views/Map/ShowMapOnOtherPage.cshtml");
    }

但不显示视图"ShowMapOnOtherPage.cshtml"。 为什么？！

你有 创建表单

<form action="@Url.Action("ShowMapOnOtherPage", "Map")" method="post" name="mapform" id="mapform">
    <input type="hidden" name="desertName" value="" id="mapdesertName"/>
    <input type="hidden" name="Type" value="" id="mapType"/>
    <input type="hidden" name="Usemeter" value="" id="mapUsemeter"/>
    <input type="hidden" name="Affair" value="" id="mapAffair"/>
    <input type="hidden" name="GroupMeter" value="" id="mapGroupMeter"/>
    <input type="hidden" name="Status" value="" id="mapStatus"/>
    <input type="hidden" name="StatusMeter" value="" id="mapStatusMeter"/>
</form> 

<script type="text/javascript">
$("#Showbutton").click(function () {
    var Desert = $("#DesertID").val();
    var Type = $("#meter_TypeMeterID_FK").val();
    var Usemeter = $("#meter_UseMeterID_FK").val();
    var Affair = $("#meter_AffairID_FK").val();
    var GroupMeter = $("#meter_GroupMeterID_FK").val();
    var Status = $("#modem_StatusID_FK").val();
    var StatusMeter = $("#meter_StatusID_FK").val();
    $("#mapdesertName").val(Desert);
    $("#mapType").val(Type);
    $("#mapUsemeter").val(Usemeter);
    $("#mapAffair").val(Affair)   ;
    $("#mapGroupMeter").val(GroupMeter);
    $("#mapStatus").val(Status);
    $("#mapStatusMeter").val(StatusMeter);
    document.mapform.submit();
});
</script>
相关文章：