谷歌地图在标记选择上锯齿状

Question

您好我是jQuery＆amp;的新手谷歌地图API和我有一些问题，所以我希望我会得到答案:)

我正在为我的项目使用此Google地图：JSFiddle但我收到了两个问题。

1. 我无法设置默认缩放级别。我试图改变缩放：5但不适合我。

2. 当标记移动到中心时，当用户单击任何标记时，平滑过渡不起作用。检查我引用的另一个示例http://marcgrabanski.com/resources/jquery-google-maps/tutorial-part1.html

如果你向我提供JSFiddle，我将不胜感激：）

感谢。

Answer 1

您的默认缩放级别为5，但您使用map.fitBounds(bounds);根据边界设置不同的缩放级别：

function AutoCenter() {
    //  Create a new viewpoint bound
    var bounds = new google.maps.LatLngBounds();
    //  Go through each...
    $.each(markers, function (index, marker) {
        bounds.extend(marker.position);
    });
    //  Fit these bounds to the map
    map.fitBounds(bounds);
}

因此，您必须将来电置于AutoCenter()或map.fitBounds(bounds);。

平滑过渡：该示例使用Google APIS v2。您可以使用map.panTo()代替map.setCenter()函数来获得更好的转换。请参阅updated jsfiddle。