web-dev-qa-db-ja.com

JSONP手法を使用してGeonamesAPIから国旗を読み込む

この Request.JSONhttp://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"},
]};

上記の方法では、各画像の名前を自分で書き込むことにより、Countrycodeimagesを使用します。

http://api.geonames.org/export/geonamesData.js?username=orakzai を介してGeonamesを使用してCountrycodeを取得する方法を探していますおよびCountryFlags via http://www.geonames.org/flags/x/xx.gif ここで、xxは2文字のISO国コードです。

15
Arif

フラグは、JSONではなくGIFファイルとして返されます。あなたはただ使うでしょう

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

しかし、??を記入してくださいgeonamesが使用する国コードを使用します。

タグをページのどこかに配置し、JavaScriptを使用してURLを計算したものに変更するか、サーバー上のURLを把握して、HTMLページの作成時に挿入することができます。

たとえば、jQueryでjavascriptでそれを実行したい場合は、id = 'myImage'で既にロードされている画像タグのURLを変更するために次のようなものがあります。

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

Geonames.orgのような同様のサービス:

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