想要在嵌入谷歌地图中显示我的序列号的描述

时间:2016-09-16 06:25:46

标签: javascript asp.net-mvc google-maps

我正在使用asp.net MVC并使用highcharts在图表上显示数据 在我的图表视图中,我有一个搜索功能,我从下拉列表中选择我的序列号,然后输入我的开始和结束日期,如this

单击“显示图表”按钮时,图表上的数据将正确显示 此外,我在我的网站上使用嵌入谷歌地图,它显示像 this

现在我想要的是,每当我点击显示图表按钮时,序列号的描述应该在地图上显示为this

我已将搜索功能放在部分视图中

@using (Html.BeginForm("MultiGraph", "Home", FormMethod.Get)){
    <div class="form-inline">
        @Html.DropDownList("search", null, "Select Serial Number", new { @class = "form-control", @style = "width:20%" })

        <input type='text' name="start_date" id="startTime" class="form-control" placeholder="Start Date" autocomplete="off" />
        <input type='text' name="End_date" id="endTime" class="form-control" placeholder="End Date" autocomplete="off" />
        <input id="recall" type="submit" value="Show Chart" class="btn btn-success" autocomplete="off"/>
        <a href="@Url.Action("Index","Home")">
            <img src="~/Image/back-button.png" alt="Go Back" title="Go Back" >

        </a>
        @*<input type="button" value="Back" class="btn btn-success" onclick="@Html.ActionLink("Index","Home")"/>*@
        @*<button class="btn btn-success form-control" onclick="" name="Back" value="Back"></button>*@
    </div>}

将此局部视图渲染到我的图表视图

<div style="font-family:'Times New Roman' ; font-size:large" align="center">

    @Html.Partial("_Search")

</div>

嵌入式谷歌地图位于我的图表布局

 <td style="text-align:center; width:22%; font-size:large; background-color:#C8E6C9; color:black">


                @*<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1d8zOzcF-rbJR8NqAUA9sS_o4Dy0" width="320" height="300"></iframe>*@
                <iframe src="https://www.google.com/maps/d/u/0/embed?mid=1-VlXsvMWMr8EotfMcIwYKt-1SrI" width="320" height="350" style="margin-top:-383px"></iframe> </td>

我怎样才能执行它? 任何帮助都将受到高度赞赏

0 个答案:

没有答案