在谷歌地图上使用自定义图像（防止在x方向重复）

Question

我想在谷歌地图上使用我的轮廓图。因为我需要在其上添加标记，折线等。 我找到了这个例子：https://developers.google.com/maps/documentation/javascript/examples/maptype-image 但在此示例中，图像重复x方向。我不知道为什么。有没有办法使用图像而不重复？

Answer 1

要防止图像沿x方向缠绕，请更改代码的以下部分：

// repeat across x-axis
if (x < 0 || x >= tileRange) {
  x = (x % tileRange + tileRange) % tileRange;
}

要：

// don't repeat across x-axis
if (x < 0 || x >= tileRange) {
  return null;
}

proof of concept fiddle