无法将 url 添加到谷歌地图点击事件

Question

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

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

目前，如果我单击标记，我将返回主页，我想要的是转到位于 foreach 循环中的这个 url '/Hotel/Full-Details?=@item.DisplayHotelName&propId=@item.HotelId'。

我看过

google map api: open url by clicking at marker

Google Map marker url

还有其他的，但我被卡住了

我的代码是：

<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>

感谢您的帮助

Answer 1

我相信您需要像这样将 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，它将带您到您的主页。