谷歌地图消失了

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);
});