In the following code, I am attempting to iterate over `geoMarkers` and create a Marker for each. The line of code here needs some help: 
 content: `@Html.Partial("~/Views/Search/_MyPartialView.cshtml", Model.ElementAt(' + i + '))`

In this line above, I am attempting to pass the JavaScript variable `i` into a ASP.NET MVC call, which I know by searching isn't possible EXCEPT in cases where the JavaScript variable can be turned into a literal. In this case, I would like to turn the `i` into an int, but I'm struggling with the syntax. **How can I pass `i` into the `@Html.Partial` call?** Note that `_MyPartialView.cshtml` takes a `@model MyMarkerObject`.

Thank you!

```
@model List<MyMarkerObject>
@section scripts {
    <section class="scripts">
        <script type="text/javascript">

            var geoMarkers = @Html.Raw(Json.Encode(Model));

            // Using the JQuery "each" selector to iterate through the JSON list and drop marker pins
            $.each(geoMarkers, function (i, item) {
                var marker = new google.maps.Marker({
                    position: new google.maps.LatLng(item.GeoLatitude[0], item.GeoLongitude[0]),
                    map: map,
                    title: item.GeoFormattedAddress[0],
                });

                ///////////////// SET ICON TYPE ////////////////////////
                var thisIcon;
                if (item.Source.includes("parking")) {
                    thisIcon = icons.parking.icon;
                } else if (item.Source.includes("hotel")) {
                    thisIcon = icons.hotel.icon;
                } else if (item.Source.includes("restaurant")) {
                    thisIcon = icons.restaurant.icon;
                }

                // Use a different color depending on the source
                marker.setIcon(thisIcon);

                ///////////////// CREATE MAP EVENTS ////////////////////

                // put in some information about each json object - in this case, the opening hours.
                var infowindow = new google.maps.InfoWindow({
                    ///////////////////////////////////////////////////
                    // HELP PLEASE HERE!
                    ///////////////////////////////////////////////////
                    content: `@Html.Partial("~/Views/Search/_MyPartialView.cshtml", Model.ElementAt(' + i + '))`
                });

                // finally hook up an "OnClick" listener to the map so it pops up out info-window when the marker-pin is clicked!
                google.maps.event.addListener(marker, 'click', function () {
                    infowindow.open(map, marker);
                });
            })

```

---

**UPDATE**

Adding `_MyPartialView.cshtml`

```
@model MyMarkerObject

@{
    String title = HttpUtility.HtmlDecode(Model.GetTitle());
    String type = Model.GetDataElementType().ToString();
}
<div class="searchResult" style="margin-bottom:1em;">
    <div style="font-weight:200;">
        <span data-feather="GetTypeFeatherIcon(Model.GetDataElementType().Type)"></span> @Model.GetSourceName() > @Model.Source.LocationCountry
            @foreach (String loc in Model.Data.Locations)
            {
                loc.ToString();
            }
    </div>
    <div style="font-size:1.1em;font-weight:bolder;">@Html.ActionLink(title, "Details", type, new { id = Model.Id, sourceCollection = Model.GENSource.Collection, ta = "seairesultdetails" }, null)</div>
    <div>@Model.GetSourceURL()</div>
    <div>@Model.Collector.DateTimeUTC</div>
</div>

```