Google Maps API panTo无法正常工作

Question

我试图让Google Map平移并缩放到从列表中单击的属性，然后触发该标记的infowindow。

当您点击“缩放至”链接时，什么都不会发生;没有缩放，没有平移，没有错误。

下面是应该进行缩放的代码，并且一切正常，直到panTo，然后它窒息。

$(document).on('click', '.zoomer', function() { 
    var lats = $(this).data('latlng').split(','); 
    var latlng = new google.maps.LatLng(lats[0], lats[1]); 
    map.panTo(latlng); 
    map.setZoom(3); 
    return false; 
}); 

我已经尝试了一切，我可以找到在这里，迄今没有。让infowindow弹出让我认为整个事情需要在bindInfoWindow函数中，但我不知道如何去关联它。

这里有一个小提琴：http://jsfiddle.net/fsn2uu/5Mpfq/

任何想法？

Answer 1

您在这里有2 var map声明。你为什么要制作2张地图？在这里，看看这个小提琴叉：

http://jsfiddle.net/8Shze/2/

而不是

var map = ... 

你的第二个声明应该只是

map = ... 

看起来像你的脚本是JavaScript的一个牺牲品吊装。当你调用map.panTo时，它不会在当前可见的地图上被调用。

这里是另一个拨弄那干脆省略了第二张图初始化，并仍然有效：

http://jsfiddle.net/8Shze/3/