c# - Google.map 标记信息链接在 Chrome 浏览器中不起作用

Question

我在给定的纬度和经度位置上使用了 google.maps api 和标记定位。在鼠标悬停时打开一个 div，其中包含有关位置和链接的一些信息。

在这里，我在下面的代码中遇到的问题是，URL 的链接在 Firefox 中可以完美地工作，但不能在 chrome 浏览器中工作。我使用的是 chrome 24.0 版本。

我已经搜索了很多关于此的链接，但我没有得到解决方案。如果您有请提供适当的解决方案。

marker = createInfoMarker(new google.maps.LatLng(Latitude , Longitude))
marker.setMap(map);

function createInfoMarker(a, b, url)
{
var i = new google.maps.Marker({
        position: a,
        map: map
    });

google.maps.event.addListener(i, "mouseover", function () {
        var info = '<table width="300" style="max-width:500px;background:#fff;border:solid 1px #ddd;"><tr class="vProductItems"><td class="thumbSetting">' +
                            '<div class="thumbTitle nomargin pull-l" style="width:auto;">' +

                                '<span class="pull-r"><a href="' + URL + '"">' + CLICK + '</a></span>' +

                           '</div></td>' +
                        '</tr></table>';
i.openExtInfoWindow(map, info);
});
return i
}

Answer 1

marker = createInfoMarker(new google.maps.LatLng(Latitude , Longitude))
marker.setMap(map);
var current = null;
function createInfoMarker(a, b, url)
{
var i = new google.maps.Marker({
        position: a,
        map: map
    });

google.maps.event.addListener(i, "mouseover", function () {
        var info = '<table width="300" style="max-width:500px;background:#fff;border:solid 1px #ddd;"><tr class="vProductItems"><td class="thumbSetting">' +
                            '<div class="thumbTitle nomargin pull-l" style="width:auto;">' +

                                '<span class="pull-r"><a href="' + URL + '"">' + CLICK + '</a></span>' +

                           '</div></td>' +
                        '</tr></table>';
 if (current != null)
        { current.close(); }
        infowindow = new google.maps.InfoWindow();
        infowindow.setContent(info);
        infowindow.open(map, i);
        current = infowindow;
});
return i
}