0

我使用 cloudmade API 成功地在我的网站中实现了一个路由系统。我也想对 OSRM 路由系统 ( https://github.com/DennisOSRM/Project-OSRM ) 做同样的事情，但我在获取 OSRM json 输出时遇到了一些麻烦。

以下是从 cloudmade API 检索 json 的示例：

使用 $.ajax - http://jsfiddle.net/mayooresan/FhfVW/2/

$(function () {
$("#getJSON").click(function () {
    var url = "http://routes.cloudmade.com/c6f2762bfe00414f822a9dec443569f5/api/0.3/51.500,0.100,51.500,0.1001/car.js";
    $.ajax({
        async: false,
        dataType: "jsonp",
        url: url,
        success: function (data) {
            test = data.route_geometry;
            alert(test);
        }
    });
});
});

使用 $.getJSON - http://jsfiddle.net/V3qgZ/72/

$(function () {

$("#getJSON").click(function () {

    $.getJSON("http://routes.cloudmade.com/c6f2762bfe00414f822a9dec443569f5/api/0.3/51.500,0.100,51.500,0.1001/car.js?callback=?", function (data) {
        var test = data.route_geometry;
        alert(test);
    });
});
});

OSRM 的服务器 API 位于此处：https ://github.com/DennisOSRM/Project-OSRM/wiki/Server-api （查询的服务器位置位于http://router.project-osrm.org）。

将 url 与上面使用的相同坐标 ( http://router.project-osrm.org/viaroute?loc=51.500,0.100&loc=51.500,0.1001 ) 放入浏览器检索一个 json 文件。但无论我尝试将它与 $.getJSON 或 $.ajax 一起使用 - 使用回调，设置数据类型，我都无法获取 json 数据，这让我发疯了！我确信这是可能的，因为它记录在 API 中。

非常感谢任何帮助。

缺口

4

3 回答 3

3

时间过去了，我想我会回答这个问题，以防万一有人遇到同样的问题。

OSRM 的 JSON 响应与 Cloudmade 返回的不同。您问题中的 OSRM wiki 实际上回答了这个问题。来自 OSRM 的 JSON 已编码，您需要对此进行特殊处理。引用维基，

路线的几何形状以编码形式传输。

长话短说，有人已经为我们简化了工作。看看这个：https ://github.com/perliedman/leaflet-routing-machine

于 2014-02-19T16:04:03.283 回答
0

这是 jquery 的事情：新版本默认添加一个回调参数，所以你的 url 最终会像http://router.project-osrm.org/viaroute?loc=51.500,0.100&loc=51.500,0.1001&callback=jQuery1504317377423867583_1366895174226&_= 1366895275399。OSRM 不喜欢这样。

有关如何防止这种情况的建议，请参阅“为什么使用 jQuery AJAX 请求将回调参数添加到查询字符串”的答案。

于 2013-04-25T13:32:09.620 回答
0

试试这个：（实际上jQuery在内部解析json）

检查这个小提琴

$(function () {

$("#getJSON").click(function () {

$.getJSON("http://routes.cloudmade.com/c6f2762bfe00414f822a9dec443569f5/api/0.3/51.500,0.100,51.500,0.1001/car.js?callback=?", function (data) {
    var test = data.route_geometry;
            alert(JSON.stringify(test));

    });
});
});
于 2013-04-20T12:45:37.643 回答