如何保持地图居中，同时像Uber和Lyft一样缩放

Question

我希望获得与优步和Lyft相同的变焦。

当缩放到缩放时，我想保持地图居中。在经过一些研究后，我能够以双击为中心，但不是捏，这些主题没有帮助：

First Second

此类功能的任何示例代码或建议？

Answer 1

您必须处理Google地图zoom_changed事件，并在触发此事件时将中心设置为原始中心

 map.addListener('zoom_changed', function() {
        map.setCenter(center);
    });

此外，这将阻止用户平移地图然后再次缩放。如果用户平移地图然后将其缩放，则地图将重置为您可能不需要的中心。但是，如果用户没有缩放，他/她通常可以平移地图。对于某些情况，您可能希望清除此事件侦听器。

See a codePen here

PS：检查此codepen时，仅使用http而不是https。我花了将近半个小时试图在JSfiddle中完成这项工作，但却没有。