各国の位置と基本情報を確認できます( Display Position & Infomation of Selected Country)

NaturalEarth 、OPenStreetMap、Leaflet.jsを使って、世界各国の位置と基本情報を作戦できるページを作成してみました。 以下、いろいろ能書きを書いていますが、要は、ドロップダウンリストから、国を選べば、地図上の位置や関連情報を表示するというもので、直感的に操作できると思います。 地理のベンキョーを兼ねたちょっとした暇つぶしにいかがでしょうか。説明を飛ばすには、こちらへJumpToServce。 なお、以前、公開したこちらのページでも、この機能を反映させています。

利用したデータについて

ネット上に公開されている、以下の地図データと、各国に関する情報を利用しています。

地図データ

  背景図としてOpenStreeetMap、各国の境界図としてNaturalEarthを使用しています。 それぞれについては、リンク先のサイトまたは、当方の下記ページを参照ください。  

OpenStreetMap

こちらのサイトで解説されている自由に使用できる世界地図です。日本向けのページもあります。 背景の地図画像として利用しました。以前、こちらやこちらのページなどでも利用しています。

NaturalEarth

NaturalEarthというサイトのダウロードページから取得できる地図データで、これも自由に使用できるようです。 ダウンロードしたMedium sacle data Culter版には、国境のポリゴン図だけではなく、属性情報として各種の国コードや、人口、GDPなどの情報も含まれていました。 こちらの投稿ページもご覧ください。

各国に関する情報

  各国に関する情報としては、以下をご覧いただけます。

国連の人口密度

NatuarlEarthにあらかじめ登録された情報だけでなく、他の情報も関連付けられるということから、ひとつの事例の意味で、他の情報も利用してみました。 国連のこちらの情報（Population、Surfice Area and density）がcsv形式でダウンロードできたので、これを取り込んでいます。人口密度に関するデータのようですが、詳細は、国連のページで確認下さい。   PDF版には以下のような記載があります。    

画面と操作について

 

表示内容

 

地図表示

初期表示は、背景図のみです。 下記「操作」の「２．表示切替」に記載したようにレイヤーアイコンのCheckbox操作により、で、各国の国境や、選択した国の国境が現れます。また、それぞれ、表示非表示をチェックボックス操作で切り替えることができます。

初期表示

CheckBoxで表示/非表示

背景図、選択国の表示/非表示

   

一覧表

上記「利用したデータについて」の（４）「各国に関する情報」に記載の以下情報がが一覧表形式で表示されます。 但し、このうち初期表示は（１）のみで、（２）は、下記の操作４．で国を選択して「再描画」した場合のみ、選択した国に関する情報が表示されます。その際、（１）の一覧では、該当国情報の背景がピンクに変わります。    

操作

  地図操作 1．基本操作 （１）拡大縮小：地図右上の[＋ －]による操作です （２）移動：マウスドラッグで、一定の制約範囲内での移動が可能です。 ２．表示切替 （１）背景図：初期表示は、OpenStreetMapです。　地図右上にある２つのレイヤアイコンのうち上の方をクリックして、背景図を消すこともできます。 また、下記４．の操作で特定の国を表示させた場合は、このアイコンのエリアに、「該当国」の表示非表示チェックボックスが追加され、これによって、該当国の表示・非表示を切り替えできるようになります。

上が背景図等、下が国の境界関係

国の色分け条件を選択

背景図、選択した国の表示/非表示

  （２）各国の境界 地図右上にある２つのレイヤアイコンのうち上の方をクリックすると、以下のチェックボックスが表示され、いずれかチェックしたのもののみが表示されます。１）、２）は、それぞれ、各国の値をランク分けして色で塗り分けた国の境界が表示されます。上記（１）の真ん中のアイコンの画像を参照ください。   ３．関連情報の表示 任意の国の上でクリックすると、関連情報として以下のような項目が表示されます。 【地図上のポップアップ表示】

（１）NAME：　国名 （２）ISO_A3：ISO規定の3桁の国コード （３）ISO_A2：　ISO規定の２桁の国コード （４）POP_EST:　人口？ （５）GDP_MD_EST：ある時点のGDP

  （１）～（５）は、NaturalEarthに予め登録されていた情報です。また、Wikipediaへのリンクが表示され、Wikipediaで該当の国に関する情報をすぐ確認することができます。 さらに、一覧表形式で、以下の情報が表示されますが、このうち（２）は、指定した国の情報だけが抽出されて表示されます。   【一覧表】 ４．国選択による位置と関連情報の表示   地図表示エリアより、少し上にある、国選択のドロップダウンリストで国を選択し、左隣にある「再描画」をクリックすると、該当国が地図上に赤枠で表示されます。  

⇓　　（ドロップダウンリストから国を選択して、「再描画」クリック）

    また同時に一覧表（１）では、当該国の背景がピンクに代わるとともに、一覧表示（２）に当該国の別情報（国連情報）が表示されます。    

実際の表示画面