Javascript 无法将url添加到google地图单击事件

我被这个问题困住了，无论我做了什么尝试，我都无法向谷歌地图标记添加url

有谁比我更有经验，请帮我解决这个问题

当前，如果我单击该标记，我将返回主页，我想要的是转到foreach循环中的此url

'/Hotel/Full Details？=@item.DisplayHotelName&propId=@item.HotelId'

我看过

还有其他，但我被卡住了

我的代码是：

<script type="text/javascript">
                    $(function() {
                        var map;
                        var markersArray = [];
                        var image = 'img/';
                        var bounds = new window.google.maps.LatLngBounds();
                        var loc;
                        //var pageUrl;

                        var mapOptions = { mapTypeId: window.google.maps.MapTypeId.ROADMAP };
                        map = new window.google.maps.Map(document.getElementById("dvMap"), mapOptions);

                        @foreach (var item in Model.DisplayHotelPaging)
                        {
                            <text> loc = new google.maps.LatLng(@item.Latitude, @item.Longitude);
                        bounds.extend(loc);
                        addMarker(loc, '@item.DisplayHotelName @item.Address1 @item.PostalCode', "active",'/Hotel/Full-Details?=@item.DisplayHotelName&propId=@item.HotelId')
                        </text>
                        }


                        map.fitBounds(bounds);
                        map.panToBounds(bounds);

                        //for (var i = 0; i < window.addMarker.length; i++) {
                        function addMarker(location, name, active) {
                            //var page = loc[i];
                            var marker = new google.maps.Marker({
                                position: location,
                                map: map,
                                title: name,
                                status: active,
                                icon: '/Images/property1.png',
                                url: '/'//page[3]
                            });
                            // }

                            window.google.maps.event.addListener(marker, 'click', function() {
                                window.location.href = marker.url;
                            });

                        }
                    });
                </script>

$（函数（）{
var映射；
var-markersArray=[]；
var image='img/'；
var bounds=new window.google.maps.LatLngBounds（）；
var-loc；
//var-pageUrl；
var maptoptions={mapTypeId:window.google.maps.mapTypeId.ROADMAP}；
map=newwindow.google.maps.map（document.getElementById（“dvMap”）、mapOptions）；
@foreach（Model.DisplayHotelPaging中的变量项）
{
loc=new google.maps.LatLng（@item.Latitude，@item.Longitude）；
边界扩展（loc）；
addMarker（loc，'@item.DisplayHotelName@item.Address1@item.PostalCode'，“active”，'/Hotel/Full Details？=@item.DisplayHotelName&propId=@item.HotelId'）
}
映射边界（bounds）；
panToBounds地图（边界）；
//对于（变量i=0；i

---

感谢您的帮助

我相信您需要将URL添加到addMarker函数中，如下所示：

                       function addMarker(location, name, active, markerUrl) {
                        //var page = loc[i];
                        var marker = new google.maps.Marker({
                            position: location,
                            map: map,
                            title: name,
                            status: active,
                            icon: '/Images/property1.png',
                            url: markerUrl
                        });
                        // }

                        window.google.maps.event.addListener(marker, 'click', function() {
                            window.location.href = marker.url;
                        });

                    }

---

目前，您将“/”硬编码为您的URL，这会将您带到您的主页。

嗨，DenimChicken，谢谢，我肯定我之前尝试过，但只得到了一个灰色的div。因此，我一定是在同一时间做了一些其他事情，破坏了代码。再次感谢