google-chrome - Google Maps API v3，未绘制自定义点——仅在 Chrome 中

Question

http://stage.clevelandstreetdistrict.com/map

如果您在 Chrome(或 Safari)中访问此站点，我会收到 Uncaught Error :INDEX_SIZE_ERR: DOM Exception 1 javascript 错误并且我的标记不显示。在所有其他非 webket 浏览器中，我没有看到这个问题。我觉得这可能与最近的 Chrome 更新有关，因为我以前从未遇到过这个问题。谁能给我任何关于如何找出造成这种情况的指示？我完全不知所措。

您可以在此处查看 map javascript:http://stage.clevelandstreetdistrict.com/javascripts/behaviors/maps.js

提前致谢。让我知道澄清会有所帮助。

-b

更新:事实证明，如果我指定稍旧的 API 版本，例如 3.2，它可以工作。所以我想我会这样做。我想知道最新的 API 发生了什么变化......

Answer 1

我在这里遇到了同样的问题，但我找到了不同的解决方案。我无法回到 3.2 版，因为我正在使用 Places API 并使用 Google Loader 加载 Maps API。

 google.load("maps", "3", {callback: initMap, other_params:"libraries=places&sensor=false"});

在我的情况下，错误与自定义标记图标和阴影有关。不确定这是否与您遇到的问题相同，因为您的链接现在受密码保护。但我希望它有所帮助。

正如你在这个线程中看到的 http://code.google.com/p/gmaps-api-issues/issues/detail?id=3103 ，负偏移值会导致 Chrome 与 Maps API 版本 3.4 出错。

new google.maps.Point(-10, 10) // error
new google.maps.Point(0, 0)    // ok

我发现如果动画超出图像边界(暂时变为负值)，正值也会引发错误。例如，当您拖动标记并且阴影移动时发生。

问题已解决，只要原点和 anchor 不超过图像大小，Chrome 中就不会显示错误。

// marker image 57x34px
var src = "http://maps.gstatic.com/intl/en_gb/mapfiles/markers/marker_sprite.png";

var marker = new google.maps.Marker({
  icon:new google.maps.MarkerImage(src, new google.maps.Size(20, 34)),
  shadow:new google.maps.MarkerImage(src, 
         new google.maps.Size(27, 34),
         new google.maps.Point(30, 0), // would throw an error if it was Point(31, 0) because 27 (size) + 31 (origin) is bigger than 57 (image width)
         new google.maps.Point(0, 34))
});

棘手。我希望谷歌修复它。