Question

我有一个.click jquery函数，用于获取经度和纬度，并在点击链接时将地图平移到此点。我试过这个但是当我点击链接时，地图只消失地图的灰色背景，中心标记停留。

html.erb

<td id="<%= i%>" data-lat="<%= favorite_place.latitude%>" data-lng="<%= favorite_place.longitude%>"><a class="clicks" href="#"><%=truncate(favorite_place.name,length:19,omission:'',separator:',')%></a> </td>

javascript
//When user clicks on the name of any place the map pans to this place.
$( '.clicks' ).click(function(event) {
    event.preventDefault();
    var lt=$(this).data("lat");
    var ln=$(this).data("lng");
    var panPoint = new google.maps.LatLng(lt,ln);
    map.panTo(panPoint);
    map.setZoom(16);
});

Answer 1

尝试将点击处理程序绑定到td，可能传播在此处无法正常工作：

$( '.clicks' ).parent('td').click(function(event) {
    event.preventDefault();
    var lt=$(this).data("lat");
    var ln=$(this).data("lng");
    var panPoint = new google.maps.LatLng(lt,ln);
    map.panTo(panPoint);
    map.setZoom(16);
});

谷歌地图消失了

1 个答案: