Vue 实现全球国家国旗的使用，附全球国家的JSON数据
有时在前端展示中需要用到全球国家的国旗图标，我们可以用到flag-icon-css这个插件。
1.安装flag-icon-css
npm install flag-icon-css
2.在main.js中全局引用
import 'flag-icon-css/css/flag-icons.css'
3.在界面中使用
<span class="flag-icon flag-icon-cn">span>
<span class="flag-icon flag-icon-us">span>
<span class="flag-icon flag-icon-de">span>
换不同的国旗，将flag-icon-后的国家代码换掉就行，国家代码对照表iso-3166-1全球国家名称代码
我这里整理了全球国家的数据，包含国家的中文名称、英文名称、所在洲际、首都的经纬度、国家代码
最后加上了中国香港、中国澳门和中国台湾
[
{
"country": "埃及",
"countryEn": "Egypt",
"id": 1,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
31.14,
30.01
],
"code": "eg"
},
{
"country": "利比亚",
"countryEn": "Libya",
"id": 2,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
13.07,
32.49
],
"code": "ly"
},
{
"country": "突尼斯",
"countryEn": "Tunisia",
"id": 3,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
10.11,
36.50
],
"code": "tn"
},
{
"country": "阿尔及利亚",
"countryEn": "Algeria",
"id": 4,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
3.08,
36.42
],
"code": "dz"
},
{
"country": "摩洛哥",
"countryEn": "Morocco",
"id": 5,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-7.09,
31.79
],
"code": "ma"
},
{
"country": "西撒哈拉",
"countryEn": "Western Sahara",
"id": 6,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-12.88,
24.21
],
"code": "eh"
},
{
"country": "毛里塔尼亚",
"countryEn": "Mauritania",
"id": 7,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
57.30,
-20.10
],
"code": "mr"
},
{
"country": "塞内加尔",
"countryEn": "Senegal",
"id": 8,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-17.29,
14.34
],
"code": "sn"
},
{
"country": "佛得角",
"countryEn": "Cape Verde",
"id": 9,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-23.34,
15.02
],
"code": "cv"
},
{
"country": "冈比亚",
"countryEn": "Gambia",
"id": 10,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-16.40,
13.28
],
"code": "gm"
},
{
"country": "几内亚比绍",
"countryEn": "Guinea-Bissau",
"id": 11,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-15.45,
11.45
],
"code": "gw"
},
{
"country": "几内亚",
"countryEn": "Guinea",
"id": 12,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-13.49,
9.29
],
"code": "gn"
},
{
"country": "马里",
"countryEn": "Mali",
"id": 13,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-7.55,
12.34
],
"code": "ml"
},
{
"country": "布基纳法索",
"countryEn": "Burkina Faso",
"id": 14,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-1.30,
12.15
],
"code": "bf"
},
{
"country": "尼日尔",
"countryEn": "Niger",
"id": 15,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
2.06,
13.27
],
"code": "ne"
},
{
"country": "乍得",
"countryEn": "Chad",
"id": 16,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
14.59,
12.10
],
"code": "td"
},
{
"country": "苏丹",
"countryEn": "Sudan",
"id": 17,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
32.35,
15.31
],
"code": "sd"
},
{
"country": "厄立特里亚",
"countryEn": "Eritrea",
"id": 18,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
38.55,
15.19
],
"code": "er"
},
{
"country": "吉布提",
"countryEn": "Djibouti",
"id": 19,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
42.20,
11.08
],
"code": "dj"
},
{
"country": "索马里",
"countryEn": "Somalia",
"id": 20,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
45.25,
2.02
],
"code": "so"
},
{
"country": "埃塞俄比亚",
"countryEn": "Ethiopia",
"id": 21,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
38.42,
9.02
],
"code": "et"
},
{
"country": "中非",
"countryEn": "Central Africa",
"id": 22,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
18.35,
4.23
],
"code": "cf"
},
{
"country": "喀麦隆",
"countryEn": "Cameroon",
"id": 23,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
11.35,
3.50
],
"code": "cm"
},
{
"country": "尼日利亚",
"countryEn": "Nigeria",
"id": 24,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
7.32,
9.05
],
"code": "ng"
},
{
"country": "贝宁",
"countryEn": "Benin",
"id": 25,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
2.42,
6.23
],
"code": "bj"
},
{
"country": "多哥",
"countryEn": "Togo",
"id": 26,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
1.20,
6.09
],
"code": "tg"
},
{
"country": "加纳",
"countryEn": "Ghana",
"id": 27,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-0.06,
5.35
],
"code": "gh"
},
{
"country": "科特迪瓦（象牙海岸）",
"countryEn": "Cote d’lvoire（Ivory Coast）",
"id": 28,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-5.17,
6.49
],
"code": "ci"
},
{
"country": "塞拉利昂",
"countryEn": "Sierra Leone",
"id": 29,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-13.17,
8.30
],
"code": "sl"
},
{
"country": "利比里亚",
"countryEn": "Liberia",
"id": 30,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
-10.47,
6.18
],
"code": "lr"
},
{
"country": "赤道几内亚",
"countryEn": "Equatorial Guinea",
"id": 31,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
8.50,
3.45
],
"code": "gq"
},
{
"country": "圣多美和普林西比",
"countryEn": "Sao Tome and Principe",
"id": 32,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
6.39,
0.10
],
"code": "st"
},
{
"country": "加蓬",
"countryEn": "Gabon",
"id": 33,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
9.26,
0.25
],
"code": "ga"
},
{
"country": "刚果",
"countryEn": "Congo",
"id": 34,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
15.12,
-4.09
],
"code": "cg"
},
{
"country": "刚果（扎伊尔）",
"countryEn": "The Democratic Republic Of Congo （Zaire）",
"id": 35,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
15.15,
-4.20
],
"code": "cd"
},
{
"country": "乌干达",
"countryEn": "Uganda",
"id": 36,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
32.30,
0.20
],
"code": "ug"
},
{
"country": "卢旺达",
"countryEn": "Rwanda",
"id": 37,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
30.04,
-1.59
],
"code": "rw"
},
{
"country": "布隆迪",
"countryEn": "Burundi",
"id": 38,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
29.18,
-3.16
],
"code": "bi"
},
{
"country": "肯尼亚",
"countryEn": "Kenya",
"id": 39,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
36.48,
-1.17
],
"code": "ke"
},
{
"country": "坦桑尼亚",
"countryEn": "Tanzania",
"id": 40,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
35.45,
-6.08
],
"code": "tz"
},
{
"country": "莫桑比克",
"countryEn": "Mozambique",
"id": 41,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
32.32,
-25.58
],
"code": "mz"
},
{
"country": "马拉维",
"countryEn": "Malawi",
"id": 42,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
33.48,
-14.00
],
"code": "mw"
},
{
"country": "赞比亚",
"countryEn": "Zambia",
"id": 43,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
28.16,
-15.28
],
"code": "zm"
},
{
"country": "安哥拉",
"countryEn": "Angola",
"id": 44,
"region": "非洲",
"regionEn": "Africa",
"regionId": "5",
"coordinate": [
13.15,
-8.50
],