Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在谷歌地图中实现平滑放大和缩小_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 在谷歌地图中实现平滑放大和缩小

Javascript 在谷歌地图中实现平滑放大和缩小,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在使用maps.googleapis.com/maps/api/js?v=3.21并使用 mapOptions.zoomControl = true; mapOptions.zoomControlOptions= { style:google.maps.ZoomControlStyle.LARGE }; 一切都按预期进行。唯一看起来不太好的是使用滑块进行的放大和缩小。它不是很平滑,似乎我可以通过离散的缩放级别放大/缩小,而不是连续放大。但我可以看到它有

我正在使用maps.googleapis.com/maps/api/js?v=3.21并使用

    mapOptions.zoomControl = true;
    mapOptions.zoomControlOptions= {
       style:google.maps.ZoomControlStyle.LARGE
    };

一切都按预期进行。唯一看起来不太好的是使用滑块进行的
放大和缩小。它不是很平滑,似乎我可以通过离散的缩放级别放大/缩小,而不是连续放大。但我可以看到它有一个缩放滑块,它以非常平滑和连续的方式工作。如何在我的应用程序中获得相同的效果?

谷歌地图只能在有限缩放级别下工作

缩放级别是一个整数,与显示的地图平铺直接相关

每个缩放级别的别名google maps检索的地图分幅由缩放级别和地球表面贴图的直接关系确定


幻灯片的唯一区别在于外观和您可以直接移动滑块更改缩放级别的事实。

缩放步骤是相同的。当您使用“+”/“-”按钮放大或缩小时,缩放步骤是相同的,但当您通过滑块更改缩放时,缩放步骤是不同的。因此,我无法获得缩放效果,因为这不仅是平滑效果,谷歌地图还可以以比地图更精细的缩放步骤进行放大/缩小。googleapis.com/maps/api/js?v=3.21