[OSRM-talk] (no subject)
Romain NKONGO
romain.rnk49 at gmail.com
Thu Feb 12 10:56:16 UTC 2015
Hey Patrick,
Thanks for the help.
Sorry but I'm a little bit new with Javascript environment. I see that the
first link you sent me is contained in a full-working project. In order to
use the functionalities of the .js file, do I have to include the whole
project in some way, or can I re-use the single file on my side without any
extra-dependencies? Also, is the leaflet routing machine is useful to run
many tests on the OSRM server with random locations values each time?
Romain.
2015-02-12 11:34 GMT+01:00 Patrick Niklaus <patrick.niklaus at student.kit.edu>
:
> Hey Romain,
>
> Leaflet-Routing-Machine is a good reference for seeing how to query the
> OSRM route with javascript from a browser:
>
>
> https://github.com/perliedman/leaflet-routing-machine/blob/master/src/L.Routing.OSRM.js
>
> They use corslite [1] to do the json querry.
>
> [1]
> https://github.com/perliedman/leaflet-routing-machine/blob/master/src/L.Routing.OSRM.js#L55
>
> Good luck,
> Patrick
>
>
> On Thu, Feb 12, 2015 at 10:46 AM, Romain NKONGO <romain.rnk49 at gmail.com>
> wrote:
>
>> Hello to all the OSRM community.
>>
>> I'm a french student who works on a university project, along with my
>> supervisor and uses the open source project OSRM to achieve it.
>>
>> At some point, I have to run some tests (like thousands of tests) to
>> extract some values from the JSON outputs (e.g. the total time). Now our
>> problem is we tried several ways to do this, by sending HTTP GET requests
>> to the running server and treat the returned response as JSON. But we tried
>> with Javascript, jQuery and AngularJS, with functions like $resource.get,
>> jQuery.getJSON $http.get or $http.jsonp and we never managed to get the
>> returned response in a way that we could use it for further treatment in
>> our script. Actually, we were able to send the requests to the server but
>> the response is returned in the fom of an URL link which contains the JSON
>> output in its body, not in the form of a variable in our Javascript that we
>> could manipulate.
>>
>> As a matter of fact, we have two issues for this :
>> - some of the functions we used (which are based on jsonp) added a
>> callback parameter to the sent URL, so the request became invalid with
>> 'Query malformed at the position' errors
>> - I've seen in the OSRM documentation that the JSON output is encoded
>> with the Google polyline algorithm so it could be an invalid JSON for
>> Javascript (we also observed errors like SyntaxError: JSON.parse:
>> unexpected end of data at line 1 column 1 of the JSON data
>>
>> We essentially want to use the viaroute service, so our URL is something
>> like that : "htttp://localhost:5000/viaroute?loc=a,b&loc=c,d" with a,b, c
>> and d random float numbers.
>>
>> Has anyone ever tried to run some customized tests on OSRM, with any Web
>> language, and if so can he give me some tricks of how he succeeded to get
>> the JSON ouptut where he wanted?
>>
>> To be clearer of how I proceeded in AngularJS, here the code of my app.js
>> :
>> var app = angular.module('clientOSRM', ['ngResource']);
>>
>> app.controller('appController', ['$scope','$http', 'appServices',
>> function ($scope,$http, appServices) {
>> //Initialisation de notre input, sa valeur sera stockée en instantané
>> dans cette variable (ng-model)
>> $scope.valueInput1 = "47.3654647,0.6822917";
>> $scope.valueInput2 = "47.3905003,0.6920979";
>>
>>
>> var getItineraryParams = function () {
>> return {
>> start: $scope.valueInput1,
>> end: $scope.valueInput2
>> //start: "47.3654647,0.6822917",
>> //end: "47.3905003,0.6920979"
>> //start: "a,b",
>> //end: "c,d"
>> }
>> };
>>
>> //Une fonction accessible que dans ce controleur (mot clé var)
>> var getItinerary = function () {
>> appServices.osrm.get(getItineraryParams(),
>> function (itinerary) {
>> alert("Succes : "+typeof itinerary);
>> console.log(itinerary);
>> },
>> function (error) {
>> alert("erreur : "+typeof error+"; status : "+error.status);
>> console.log(error);
>> }
>> );
>> /*$http.jsonp("
>> http://localhost:5000/viaroute?loc=47.3654647,0.6822917&loc=47.3905003,0.6920979&alt=false&geometry=false&output=json
>> ")
>> .success(function(data, status, headers, config) {
>> console.log(data);
>> }).
>> error(function(data, status, headers, config) {
>> console.log(data);
>> });*/
>>
>> };
>>
>> //Une fonction accessible depuis la vue
>> //Fonction appelée à l'envoi du formulaire (balise ng-submit dans
>> <form>)
>> $scope.submit = function () {
>> //On peut récupérer la valeur de notre input !
>> //console.log($scope.valueInput1);
>> getItinerary();
>> };
>> }]);
>>
>> app.run(function ($rootScope) {
>>
>> $rootScope.safeApply = function (fn) {
>> var phase = $rootScope.$$phase;
>> if (phase === '$apply' || phase === '$digest') {
>> if (fn && (typeof(fn) === 'function')) {
>> fn();
>> }
>> } else {
>> this.$apply(fn);
>> }
>> };
>>
>> });
>>
>> and also the appServices.js code :
>> app.factory('appServices', function ($resource) {
>>
>> return {
>> osrm: $resource("", {}, {
>> 'get': {
>> method: 'GET',
>> params: {start: '@start', end: '@end'},
>> isArray:true,
>> url: "
>> http://localhost:5000/viaroute?loc=:start&loc=:end&alt=false&geometry=false
>> "
>> }
>> })
>> };
>> });
>>
>> In the getItinerary function in app.js, the error function (the 3rd
>> parameter) is always triggered even with a HTTP status code '200 OK' of the
>> request.
>>
>> Any ideas where it could go wrong?
>>
>> Thanks in advance.
>>
>>
>>
>> _______________________________________________
>> OSRM-talk mailing list
>> OSRM-talk at openstreetmap.org
>> https://lists.openstreetmap.org/listinfo/osrm-talk
>>
>>
>
> _______________________________________________
> OSRM-talk mailing list
> OSRM-talk at openstreetmap.org
> https://lists.openstreetmap.org/listinfo/osrm-talk
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/osrm-talk/attachments/20150212/9c1786f8/attachment.html>
More information about the OSRM-talk
mailing list