Carico Paese bandiera da Geonames API usando la tecnica JSONP

Question

Questo Request.JSONhttp://mootools.net/demos/?demo=Request.JSON utilizzando i dati JSON in un modo come questo,

var data = {"previews":[ 
    {"Countrycode":"us", "src":"us.jpg", "description":"desc will be here"}, 
    {"Countrycode":"uk", "src":"uk.jpg", "description":"desc will be here"}, 
]}; 

Nel metodo di cui sopra utilizzare Countrycode & images scrivendo il nome di ogni immagine di noi stessi.

Sto cercando un metodo per utilizzare Geonames via http://api.geonames.org/export/geonamesData.js?username=orakzai per recuperare Countrycode e CountryFlags via http://www.geonames.org/flags/x/xx.gif dove xx è 2 lettere Codice ISO del paese

Answer 1

Le bandiere vengono restituiti come file GIF, invece di qualsiasi tipo di JSON. Dovresti semplicemente usare

<img id='myImage' src="http://www.geonames.org/flags/x/??.gif" /> 

Ma compilare il ?? con il codice paese utilizzato da geonames.

Puoi inserire il tag nella tua pagina da qualche parte e usare qualche javascript per cambiare l'URL a quello che hai calcolato o puoi calcolare l'URL sul tuo server e inserirlo come viene creata la pagina HTML.

Se si vuole farlo in javascript, per esempio, in jQuery si avrebbe qualcosa di simile per modificare l'URL in un tag di immagine già caricata con id = 'myImage'

$("#myImage").attr('src', "http://www.geonames.org/flags/x/" + countryCode + ".gif") 

Answer 2

servizio simile, come geonames.org:

var country_code = 'uk', 
 
    img_uri = 'https://flagpedia.net/data/flags/normal/' + country_code + '.png';