Google map исчезает

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

Попробуйте привязки обработчика щелчка к тду, возможно распространение не работает, как ожидается, здесь:

$('.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); 
});