Javascript Google Maps Onclick panTo新位置递归错误太多

我有一个简单的位置列表，其中lat和lon存储为data attr

<a name="locations"></a>
<ul>
  <li><a class="location" data-location="52.240477,-0.902656">northampton</a></li>
  <li><a class="location" data-location="51.454265,-0.97813">reading</a></li>
  <li><a class="location" data-location="51.262251,-0.467252">surrey</a></li>
  <li><a class="location" data-location="51.555774,-1.779718">swindon</a></li>
  <li><a class="location" data-location="51.864211,-2.238033">gloucestershire</a></li>
</ul>

但是我得到了一个太多的递归错误

参数必须是一个对象或

您给出的既不是（它是一个逗号分隔的字符串，恰好包含纬度和经度：

<li><a class="location" data-location="52.240477,-0.902656">northampton</a></li>

$('.location').on('click',function(){
  pan($(this).data('location'));
});

function pan(latlon) {
    var panPoint = new google.maps.LatLng(latlon);
    map.panTo(panPoint)
}

html，
身体，
#地图画布{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}

北安普敦

阅读

萨里

斯温顿

格洛斯特郡

非常感谢：）

<li><a class="location" data-location="52.240477,-0.902656">northampton</a></li>

$('.location').on('click',function(){
  pan($(this).data('location'));
});

function pan(latlon) {
    var panPoint = new google.maps.LatLng(latlon);
    map.panTo(panPoint)
}