0

如果我转到此Google Maps页面，查看源代码中缺少一些 HTML ，但会显示在 Firebug 中。

同样，当将相同的 URL 传递给我的函数时，以下 HTML 不会显示在 中responseText，但是当我打开页面时它会显示在 Firebug 中。

<a id="mapmaker-link" class="kd-button mini left" style="" href="https://www.google.com/mapmaker?ll=41.06877,-112.047203&spn=0.038696,0.132093&t=h&z=14&vpsrc=0&q=1093+W+3090+S,Syracuse,+UT&utm_medium=website&utm_campaign=relatedproducts_maps&utm_source=mapseditbutton_normal">

这是我正在使用的功能：

function updateMap(url) {
     GM_xmlhttpRequest(
    {
        method: 'GET',
        url: url,
        onload: function(resp) {
            var ll = resp.responseText.split("mapmaker?")[1];
            ll     = ll.split("&")[0];
            document.getElementById('googlemap').href = url+"&"+ll;
        }
    });
}


我在pastebin.com/Tt8nrzG8responseText放置了一个示例值。

4

1 回答 1

2

响应是“缺少”HTML，因为被调用的页面通过 AJAX 加载了该 HTML（以及几乎所有页面的内容）。
GM_xmlhttpRequest（以及所有其他当前的 AJAX 方法）仅获取给定页面的静态源。此类 XHR 请求无法处理请求页面的 javascript，就像您浏览页面时浏览器所做的那样。

实际上，如果您将链接的那个示例responseText保存为 HTML 文件；你会看到它看起来像这样：

OP的样本响应

请参阅“如何获取 AJAX 获取请求以在返回响应之前等待页面呈现？” , 对于同一类型的问题。但请注意，答案建议您使用API（如果可用）。

因此，使用Google Maps API获取您想要的 URL 的纬度/经度。

或者，最简单的方法仍然是让脚本也在 Google 地图页面上运行，并使用您的特殊 URL 参数对链接进行一次性缩放——就像我在您之前的问题中推荐的那样。这有一个额外的优势，即在您真正决定点击您的 Google 地图链接之前，不需要/拨打 Google 电话。

如果您确实选择了 iframe 方法（同样，不推荐用于任何 Google 网站），请注意您需要调整 URL 以告诉 Google 允许 iframe，并且纬度/经度信息将位于页面的不同部分。

于 2013-04-10T09:55:24.633 回答