我正在将我的旧代码从 v2 转换为 v3,并注意到 当我拖动它时地图现在明显变慢了。这只发生在 Firefox 上,而在 Google Chrome 下没有问题。这不是由我的代码引起的,因为即使在最简单的地图中也存在此问题,例如Google 的基本示例。
有趣的是,当我访问maps.google.com时,在任何浏览器下都没有性能问题。与基本示例的唯一区别似乎是在基本示例中,新图块以淡入淡出的过渡效果出现。因此,我怀疑淡入效果是罪魁祸首。有人知道我是否可以以某种方式禁用它吗?还有其他想法吗?
注意:我已经在 Windows 和 Linux 下使用最新版本的 Firefox 和 Chrome 进行了测试,在不同的计算机和不同的 API 版本上v3.exp
,v3.13
. 代码可在 Google 的基本示例中找到,但遵循更简单的工作副本。
<!DOCTYPE html>
<html>
<head>
<style>
html, body, #map-canvas { height: 100%; }
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
map = new google.maps.Map(document.getElementById('map-canvas'),
{zoom: 8, center: new google.maps.LatLng(-34.397, 150.644)});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
更新:
我以前从来不需要截屏,所以我可能没有使用最好的工具,无论如何,即使有这些像素化的视频,差异也应该很明显。在 Firefox 中,新图块的渲染和平移是滞后的(使用 maps.google.com 时不是这种情况,因此 Chrome 比 Firefox“更好”不是问题)。