<div dir="ltr">Ciao a tutti, vorrei utilizzare openstreetmap per sviluppare una web app che permetta di creare percorsi personalizzati per gli utenti sulla base dei tag associati ai luoghi (es: voglio andare da A a B passando per tutti i luoghi presenti che abbiano tag "amenity = bar" ). <br>Cercando nella documentazione, ho provato a fare delle richieste utilizzando XAPI (una query di esempio che ho utilizzato è questa: <span style="color:rgb(36,39,41);font-family:Consolas,Menlo,Monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace,sans-serif;font-size:13px;background-color:rgb(239,240,241)"><a href="http://www.overpass-api.de/api/xapi?debug=*[amenity=hospital][bbox=13.20524,43.70861,13.22842,43.72338]">http://www.overpass-api.de/api/xapi?debug=*[amenity=hospital][bbox=13.20524,43.70861,13.22842,43.72338]</a>) . </span><div>Le informazioni che mi venogno ritornate sono corrette, e l'ho provata anche modificando l'output in modo che mi ritornasse un JSON, in questo modo: <span style="font-family:Consolas,"Courier New",monospace;white-space:pre;background-color:rgb(204,204,204)"><font color="#000000"><a href="https://www.overpass-api.de/api/interpreter?data=[out:json];ways[amenity=hospital](43.70861,13.20524,43.72338,13.22842);out%20meta">https://www.overpass-api.de/api/interpreter?data=[out:json];ways[amenity=hospital](43.70861,13.20524,43.72338,13.22842);out%20meta</a>;</font></span></div><div><br></div><div>Constato che sono corrette, mi manca il passo successivo: vorrei fare in modo che le query siano ovviamente custom, e vorrei inserirle nella web app. Com'è possibile farlo? Al momento sto lavorando con il framework Ionic 3, quindi sto usando Typescript e Angular.  </div><div>In seguito , mi è stato detto che XAPI è praticamente morto e non è consigliato utilizzarlo in nuovi progetto; sono stata indirizzata all'utilizzo di overpass-turbo e il suo linguaggio overpassQL per le query (<a href="http://overpass-turbo.eu/" rel="nofollow noreferrer" style="margin:0px;padding:0px;border:0px;font-variant-numeric:inherit;font-stretch:inherit;font-size:15px;line-height:inherit;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;vertical-align:baseline;color:rgb(53,141,170);text-decoration-line:none;background-color:rgba(248,248,248,0.6)">http://overpass-turbo.eu</a>). Lo wizard è molto utile per capire come strutturare la query, ma rimane la domanda: come faccio a inserire le query nella mia applicazione, eseguirle ed ottenere il risultato? Non capisco proprio come integrarle nel codice javascript e fare in modo che si riesca a fare una richiesta al server ed ottenere il risultato voluto. A chi devo fare la richiesta? La query costruita deve essere inviata come stringa? Come gestisco il risultato?</div><div>Conoscete tutorial o progetti su github da cui posso capire come strutturare la richiesta e ottenere i dati, o eventualmente API più comode? Non so davvero come muovermi al momento!</div><div><div><br></div><div> <div><br></div></div></div></div>