title: Hide markers on embed google map on clicking in asp.net MVC
body: <p>As shown in the picture bellow <a href="https://i.stack.imgur.com/04cw5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/04cw5.jpg" alt="picture"></a>
  Whenever i select any serial number i want to only show the marker which is for the selected serial number. </p>
  
  <p>By default i am viewing this <a href="https://i.stack.imgur.com/1Hc11.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1Hc11.jpg" alt="enter image description here"></a></p>
  
  <p>Also, the search functionality is in separate partial view which is called in the chart view and the map is called in layout for chart bellow is the code for both </p>
  
  <pre><code>@using (Html.BeginForm("MultiGraph", "Home", FormMethod.Get))
  {
  
  
      &lt;div class="form-inline"&gt;
          @Html.DropDownList("search", null, "Select Serial Number", new { @class = "form-control", @style = "width:20%" })
  
          &lt;input type='text' name="start_date" id="startTime" class="form-control" placeholder="Start Date" autocomplete="off" /&gt;
          &lt;input type='text' name="End_date" id="endTime" class="form-control" placeholder="End Date" autocomplete="off" /&gt;
          &lt;input id="recall" type="submit" value="Show Chart" class="btn btn-success" autocomplete="off"/&gt;
          &lt;a href="@Url.Action("Index","Home")"&gt;
              &lt;img src="~/Image/back-button.png" alt="Go Back" title="Go Back" &gt;
  
          &lt;/a&gt;
          @*&lt;input type="button" value="Back" class="btn btn-success" onclick="@Html.ActionLink("Index","Home")"/&gt;*@
          @*&lt;button class="btn btn-success form-control" onclick="" name="Back" value="Back"&gt;&lt;/button&gt;*@
      &lt;/div&gt;}
  </code></pre>
  
  <p>Now passing this partial view into Chart view </p>
  
  <pre><code> &lt;div style="font-family:'Times New Roman' ; font-size:large" align="center"&gt;
  
      @Html.Partial("_Search")
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Bellow is the code for embed google map </p>
  
  <pre><code>&lt;td style="text-align:center; width:22%; font-size:large; background-color:#C8E6C9; color:black"&gt;
  
  
                  &lt;iframe src="https://www.google.com/maps/d/u/0/embed?mid=1-VlXsvMWMr8EotfMcIwYKt-1SrI" width="320" height="350" style="margin-top:-383px"&gt;&lt;/iframe&gt; &lt;/td&gt;
  </code></pre>
  
  <p>How to do it i have no idea 
  Any help would be highly appreciated </p>