javascript - 这个 JavaScript 行在做什么(Google map API)？

Question

var bounds = {
17: [[20969, 20970], [50657, 50658]],
18: [[41939, 41940], [101315, 101317]],
19: [[83878, 83881], [202631, 202634]],
20: [[167757, 167763], [405263, 405269]]
};

(在这里找到:https://developers.google.com/maps/documentation/javascript/examples/maptype-image-overlay)

我在 Google Maps Javascript API 中发现了这个，我正在尝试弄清楚它与 map 和叠加层本身的关系到底是如何工作的。对我来说，这看起来像是bounds 是一个将 17、18、19 和 20 声明为由两个子数组组成的数组的对象。

编辑:我真正想知道的是边界如何与我链接的其余代码交互。这些坐标是放置叠加层的位置吗？

Answer 1

if (zoom < 17 || zoom > 20 ||
      bounds[zoom][0][0] > coord.x || coord.x > bounds[zoom][0][1] ||
      bounds[zoom][1][0] > coord.y || coord.y > bounds[zoom][1][1]) {
    return null;
}
return ['http://www.gstatic.com/io2010maps/tiles/5/L2_',
      zoom, '_', coord.x, '_', coord.y, '.png'].join('');

bounds 根据缩放(17、18、19、20 是缩放级别)以及您在 map 上的位置(x 和 y)显示图像。数组包含坐标 x 和 y(最小值和最大值)，具体取决于缩放。

如果超出坐标(当您在 map 上滚动时)或者缩放级别太大，则不会显示图片。