如何在谷歌地图中使用链接

Posted 2023-05-09

【中文标题】如何在谷歌地图中使用链接

【英文标题】：How do I use link in google maps

【发布时间】：2019-04-24 23:44:02

【问题描述】：

我目前正在尝试将 link_to 添加到我地图上的价格中。 我面临的问题是，通过单击价格，它不会将用户重定向到特定的显示页面。 例如，当我查看网址时，它不会从 /search 更改为 -> wines/1。

这是我正在尝试的代码：

wines.forEach(function(wine) 
    marker = new google.maps.Marker (
        position: lat: wine.latitude, lng: wine.longitude,
        map: map
    );
    windowContent = "<div class='map_price'>Ab " + wine.price + "€</div>";
    windowContent += "<div><%= escape_javascript link_to(@wine) %></div>";

    inforwindow = new google.maps.InfoWindow (
        content: windowContent
    );

    inforwindow.open(map, marker);
);

【问题讨论】：

变量@wine在哪里定义？你能分享你的控制器和视图的代码吗？

【参考方案1】：

在 Rails 中呈现链接的方法有很多，并且因为您使用 javascript 来呈现 Map 上的所有葡萄酒（我希望每个 wine 都包含 id 以及其他详细信息），我建议改用 anchor 标签Rails 的link_to 方法如下...

wines.forEach(function(wine) 
    marker = new google.maps.Marker (
        position: lat: wine.latitude, lng: wine.longitude,
        map: map
    );
    windowContent = "<div class='map_price'>Ab " + wine.price + "€</div>";
    windowContent += "<div><a href='http://yourdomain.com/wines/'+wine.id target='_blank'>View</a></div>";

    inforwindow = new google.maps.InfoWindow (
        content: windowContent
    );

    inforwindow.open(map, marker);
);