Загрузить флаг страны из API Geonames с использованием технологии JSONP

Этот Request.JSON http://mootools.net/demos/?demo=Request.JSON с использованием данных JSON таким образом,

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

В приведенном выше методе мы используем Countrycode и images, называя имя каждого изображения своим я.

Я ищу способ использовать Geonames через http://api.geonames.org/export/geonamesData.js?username=orakzai для извлечения Countrycode и CountryFlags через http://www.geonames.org/flags/x/xx.gif, где xx - двухзначный код страны ISO

Ответ 1

Флаги возвращаются как файлы GIF вместо любого типа JSON. Вы просто используете

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

Но заполните? с кодом страны, который использует geonames.

Вы можете поместить тег на свою страницу где-нибудь и использовать некоторый javascript, чтобы изменить URL-адрес на тот, который вы вычислили, или вы можете указать URL-адрес на своем сервере и вставить его при создании страницы HTML.

Если вы хотите сделать это в javascript, например, в jQuery, у вас есть что-то вроде этого, чтобы изменить URL-адрес уже загруженного тега изображения с id = 'myImage'

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

Ответ 2

Аналогичная услуга, например, geonames.org:

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