Google 地图 404 错误

Question

我正在使用 google 图表地图，但是，当我尝试绘制地图时，它会向他们的服务器记录几个 404 错误。但是，我很确定我正确使用了 API。我能找到的与此相关的唯一信息是当人们在 maps.google.com 使用旧的未记录的 API 时，这在他们的教程页面上没有发生。我不知道我做错了什么？下面的代码和控制台供参考：

google.load('visualization', '1', { 'packages': ['map'] });
google.setOnLoadCallback(drawGoogleMap);

function drawGoogleMap() {
  var data = google.visualization.arrayToDataTable([
    ['Lat', 'Long'],
    [21.3117, -157.8]
  ]);

  var options = {
    enableScrollWheel: true,
    useMapTypeControl: true
  };

  var map = new google.visualization.Map(document.getElementById("main"));

  map.draw(data, options);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['map']}]}"></script>

<div id="main" class="chart_div container">
 

</div>

Answer 1

你没有做错任何事。

问题：API 试图在视口内绘制所有标记。为了能够实现它，API 计算缩放级别。对于您的示例中的单个标记，它将使用最大缩放（似乎是 22，请注意损坏的 URL 中的 z 参数）。当 API 加载一个图块时，它没有检查图块是否存在（因此请求 returns 可能会出现 404，这种情况经常发生）

稍后 API 请求 ViewPortService（您还将在网络选项卡中看到该请求）。此请求 returns 有关给定 ViewPort 可用数据的信息，尤其是可用图块（例如卫星图像）。

在此请求之后，您将看到对与损坏的 URL 类似的 URL 的进一步请求，但具有不同的 z 参数（例如 20）。这意味着：ViewPortService 已检测到对于给定的 ViewPort 卫星图像仅可用于缩放 20，因此地图的缩放将设置为 20，现在可以加载图块。

忽略 404s

Google 地图 404 错误

Google Maps 404 Error

javascript

google-maps

google-visualization