Действия

Widget

Страны-эксплуатанты: различия между версиями

Материал из ВикиВоины

Строка 266: Строка 266:
 
<script src='https://wikiwarriors.org/mediawiki/extensions/svg-pan-zoom.min.js'></script>
 
<script src='https://wikiwarriors.org/mediawiki/extensions/svg-pan-zoom.min.js'></script>
 
<script>
 
<script>
const countries = {
 
  'Австралия':'/mediawiki/images/thumb/e/e6/Au.png/33px-Au.png',
 
'Австрия':'/mediawiki/images/thumb/1/11/At.png/33px-At.png',
 
'Азербайджан':'/mediawiki/images/thumb/2/26/Az.png/33px-Az.png',
 
'Албания':'/mediawiki/images/thumb/1/1a/Al.png/33px-Al.png',
 
'Алжир':'/mediawiki/images/thumb/5/57/Dz.png/33px-Dz.png',
 
'Ангола':'/mediawiki/images/thumb/7/72/Ao.png/33px-Ao.png',
 
'Андорра':'/mediawiki/images/thumb/2/28/Ad.png/33px-Ad.png',
 
'Антигуа и Барбуда':'/mediawiki/images/thumb/5/56/Ag.png/33px-Ag.png',
 
'Аргентина':'/mediawiki/images/thumb/9/91/Ar.png/33px-Ar.png',
 
'Армения':'/mediawiki/images/thumb/9/9c/Am.png/33px-Am.png',
 
'Афганистан':'/mediawiki/images/thumb/5/53/Af.png/34px-Af.png',
 
'Багамы':'/mediawiki/images/thumb/5/53/Bs.png/33px-Bs.png',
 
'Бангладеш':'/mediawiki/images/thumb/2/2c/Bd.png/33px-Bd.png',
 
'Барбадос':'/mediawiki/images/thumb/0/0f/Bb.png/33px-Bb.png',
 
'Бахрейн':'/mediawiki/images/thumb/6/68/Bh.png/33px-Bh.png',
 
'Белиз':'/mediawiki/images/thumb/5/51/Bz.png/33px-Bz.png',
 
'Беларусь':'/mediawiki/images/thumb/5/53/By.png/33px-By.png',
 
'Бельгия':'/mediawiki/images/thumb/a/a2/Be.png/25px-Be.png',
 
'Бенин':'/mediawiki/images/thumb/0/01/Bj.png/33px-Bj.png',
 
'Болгария':'/mediawiki/images/thumb/3/3a/Bg.png/33px-Bg.png',
 
'Боливия':'/mediawiki/images/thumb/5/5f/Bo.png/33px-Bo.png',
 
'Босния и Герцеговина':'/mediawiki/images/thumb/b/b5/Ba.png/33px-Ba.png',
 
'Ботсвана':'/mediawiki/images/thumb/3/3e/Bw.png/33px-Bw.png',
 
'Бразилия':'/mediawiki/images/thumb/b/bf/Br.png/33px-Br.png',
 
'Бруней':'/mediawiki/images/thumb/3/36/Bn.png/33px-Bn.png',
 
'Буркина-Фасо':'/mediawiki/images/thumb/1/1d/Bf.png/33px-Bf.png',
 
'Бурунди':'/mediawiki/images/thumb/9/95/Bi.png/33px-Bi.png',
 
'Бутан':'/mediawiki/images/thumb/2/24/Bt.png/33px-Bt.png',
 
'Вануату':'/mediawiki/images/thumb/4/40/Vu.png/33px-Vu.png',
 
'Ватикан':'/mediawiki/images/thumb/3/36/Va.png/22px-Va.png',
 
'Великобритания':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Фолкленды (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Питкэрн (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Ангилья (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Бермуды (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Британские Вирджинские острова (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Кайманы (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Монтсеррат (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Теркс и Кайкос (Великобритания)':'/mediawiki/images/thumb/c/ce/Gb.png/33px-Gb.png',
 
'Венгрия':'/mediawiki/images/thumb/a/a7/Hu.png/33px-Hu.png',
 
'Венесуэла':'/mediawiki/images/thumb/8/83/Ve.png/33px-Ve.png',
 
'Восточный Тимор':'/mediawiki/images/thumb/9/9b/Tl.png/33px-Tl.png',
 
'Вьетнам':'/mediawiki/images/thumb/c/c7/Vn.png/33px-Vn.png',
 
'Габон':'/mediawiki/images/thumb/9/90/Ga.png/33px-Ga.png',
 
'Гаити':'/mediawiki/images/thumb/0/0d/Ht.png/33px-Ht.png',
 
'Гайана':'/mediawiki/images/thumb/9/98/Gy.png/33px-Gy.png',
 
'Гамбия':'/mediawiki/images/thumb/b/b3/Gm.png/33px-Gm.png',
 
'Гана':'/mediawiki/images/thumb/6/60/Gh.png/33px-Gh.png',
 
'Гватемала':'/mediawiki/images/thumb/8/80/Gt.png/33px-Gt.png',
 
'Гвинея':'/mediawiki/images/thumb/c/cf/Gn.png/33px-Gn.png',
 
'Гвинея-Бисау':'/mediawiki/images/thumb/c/c5/Gw.png/33px-Gw.png',
 
'Германия':'/mediawiki/images/thumb/8/8f/De.png/33px-De.png',
 
'Гондурас':'/mediawiki/images/thumb/2/2f/Hn.png/33px-Hn.png',
 
'Гренада':'/mediawiki/images/thumb/2/27/Gd.png/33px-Gd.png',
 
'Греция':'/mediawiki/images/thumb/f/fe/Gr.png/33px-Gr.png',
 
'Грузия':'/mediawiki/images/thumb/4/42/Ge.png/33px-Ge.png',
 
'Дания':'/mediawiki/images/thumb/0/06/Dk.png/33px-Dk.png',
 
'Гренландия (Дания)':'/mediawiki/images/thumb/0/06/Dk.png/33px-Dk.png',
 
'Фареры (Дания)':'/mediawiki/images/thumb/0/06/Dk.png/33px-Dk.png',
 
'Джибути':'/mediawiki/images/thumb/2/23/Dj.png/33px-Dj.png',
 
'Доминика':'/mediawiki/images/thumb/e/e3/Dm.png/33px-Dm.png',
 
'Доминикана':'/mediawiki/images/thumb/9/9a/Do.png/33px-Do.png',
 
'Египет':'/mediawiki/images/thumb/5/54/Eg.png/33px-Eg.png',
 
'Замбия':'/mediawiki/images/thumb/2/20/Zm.png/33px-Zm.png',
 
'Зимбабве':'/mediawiki/images/thumb/4/44/Zw.png/33px-Zw.png',
 
'Израиль':'/mediawiki/images/thumb/4/4c/Il.png/33px-Il.png',
 
'Индия':'/mediawiki/images/thumb/7/7e/In.png/33px-In.png',
 
'Индонезия':'/mediawiki/images/thumb/7/7b/Id.png/33px-Id.png',
 
'Иордания':'/mediawiki/images/thumb/f/f3/Jo.png/33px-Jo.png',
 
'Ирак':'/mediawiki/images/thumb/1/1b/Iq.png/33px-Iq.png',
 
'Иран':'/mediawiki/images/thumb/c/cb/Ir.png/33px-Ir.png',
 
'Ирландия':'/mediawiki/images/thumb/2/23/Ie.png/33px-Ie.png',
 
'Исландия':'/mediawiki/images/thumb/a/af/Is.png/33px-Is.png',
 
'Испания':'/mediawiki/images/thumb/4/4e/Es.png/33px-Es.png',
 
'Канарские острова (Испания)':'/mediawiki/images/thumb/4/4e/Es.png/33px-Es.png',
 
'Италия':'/mediawiki/images/thumb/d/dd/It.png/33px-It.png',
 
'Йемен':'/mediawiki/images/thumb/4/4a/Ye.png/33px-Ye.png',
 
'Кабо-Верде':'/mediawiki/images/thumb/6/6a/Cv.png/33px-Cv.png',
 
'Казахстан':'/mediawiki/images/thumb/d/d3/Kz.png/33px-Kz.png',
 
'Камбоджа':'/mediawiki/images/thumb/5/54/Kh.png/33px-Kh.png',
 
'Камерун':'/mediawiki/images/thumb/c/c9/Cm.png/33px-Cm.png',
 
'Канада':'/mediawiki/images/thumb/4/42/Ca.png/33px-Ca.png',
 
'Катар':'/mediawiki/images/thumb/5/52/Qa.png/33px-Qa.png',
 
'Кения':'/mediawiki/images/thumb/2/24/Ke.png/33px-Ke.png',
 
'Кипр':'/mediawiki/images/thumb/9/90/Cy.png/33px-Cy.png',
 
'Кыргызстан':'/mediawiki/images/thumb/9/95/Kg.png/33px-Kg.png',
 
'Кирибати':'/mediawiki/images/thumb/b/bb/Ki.png/33px-Ki.png',
 
'Китай':'/mediawiki/images/thumb/c/cd/Cn.png/33px-Cn.png',
 
'Тайвань (Китай)':'/mediawiki/images/thumb/c/cd/Cn.png/33px-Cn.png',
 
'Гонконг (Китай)':'/mediawiki/images/thumb/c/cd/Cn.png/33px-Cn.png',
 
'Колумбия':'/mediawiki/images/thumb/e/e9/Co.png/33px-Co.png',
 
'Коморы':'/mediawiki/images/thumb/6/66/Km.png/33px-Km.png',
 
'ДР Конго':'/mediawiki/images/thumb/b/b4/Cd.png/33px-Cd.png',
 
'Конго':'/mediawiki/images/thumb/0/0e/Cg.png/33px-Cg.png',
 
'Северная Корея':'/mediawiki/images/thumb/e/e8/Kp.png/33px-Kp.png',
 
'Южная Корея':'/mediawiki/images/thumb/3/36/Kr.png/33px-Kr.png',
 
'Сербия (Косово)':'/mediawiki/images/thumb/4/4a/Rs.png/33px-Rs.png',
 
'Коста-Рика':'/mediawiki/images/thumb/6/60/Cr.png/33px-Cr.png',
 
'Кот-д’Ивуар':'/mediawiki/images/thumb/d/de/Ci.png/33px-Ci.png',
 
'Куба':'/mediawiki/images/thumb/1/1f/Cu.png/33px-Cu.png',
 
'Кувейт':'/mediawiki/images/thumb/c/c3/Kw.png/33px-Kw.png',
 
'Лаос':'/mediawiki/images/thumb/3/32/La.png/33px-La.png',
 
'Латвия':'/mediawiki/images/thumb/e/e1/Lv.png/33px-Lv.png',
 
'Лесото':'/mediawiki/images/thumb/5/5e/Ls.png/33px-Ls.png',
 
'Либерия':'/mediawiki/images/thumb/6/63/Lr.png/33px-Lr.png',
 
'Ливан':'/mediawiki/images/thumb/b/b1/Lb.png/33px-Lb.png',
 
'Ливия':'/mediawiki/images/thumb/f/f3/Ly.png/33px-Ly.png',
 
'Литва':'/mediawiki/images/thumb/2/27/Lt.png/33px-Lt.png',
 
'Лихтенштейн':'/mediawiki/images/thumb/e/eb/Li.png/33px-Li.png',
 
'Люксембург':'/mediawiki/images/thumb/5/58/Lu.png/33px-Lu.png',
 
'Маврикий':'/mediawiki/images/thumb/6/62/Mu.png/33px-Mu.png',
 
'Мавритания':'/mediawiki/images/thumb/0/01/Mr.png/33px-Mr.png',
 
'Мадагаскар':'/mediawiki/images/thumb/3/37/Mg.png/33px-Mg.png',
 
'Северная Македония':'/mediawiki/images/thumb/9/94/Mk.png/33px-Mk.png',
 
'Малави':'/mediawiki/images/thumb/2/2f/Mw.png/33px-Mw.png',
 
'Малайзия':'/mediawiki/images/thumb/1/1f/My.png/33px-My.png',
 
'Мали':'/mediawiki/images/thumb/3/30/Ml.png/33px-Ml.png',
 
'Мальдивы':'/mediawiki/images/thumb/c/c9/Mv.png/33px-Mv.png',
 
'Мальта':'/mediawiki/images/thumb/7/7b/Mt.png/33px-Mt.png',
 
'Марокко':'/mediawiki/images/thumb/6/6c/Ma.png/33px-Ma.png',
 
'Маршалловы Острова':'/mediawiki/images/thumb/7/7a/Mh.png/33px-Mh.png',
 
'Мексика':'/mediawiki/images/thumb/6/62/Mx.png/33px-Mx.png',
 
'Микронезия':'/mediawiki/images/thumb/e/e8/Fm.png/33px-Fm.png',
 
'Мозамбик':'/mediawiki/images/thumb/1/15/Mz.png/33px-Mz.png',
 
'Молдова':'/mediawiki/images/thumb/8/8a/Md.png/33px-Md.png',
 
'Монако':'/mediawiki/images/thumb/c/ce/Mc.png/33px-Mc.png',
 
'Монголия':'/mediawiki/images/thumb/d/de/Mn.png/33px-Mn.png',
 
'Мьянма':'/mediawiki/images/thumb/e/e7/Mm.png/33px-Mm.png',
 
'Намибия':'/mediawiki/images/thumb/f/f1/Na.png/33px-Na.png',
 
'Науру':'/mediawiki/images/thumb/4/4c/Nr.png/33px-Nr.png',
 
'Непал':'/mediawiki/images/thumb/1/18/Np.png/20px-Np.png',
 
'Нигер':'/mediawiki/images/thumb/c/c5/Ne.png/33px-Ne.png',
 
'Нигерия':'/mediawiki/images/thumb/5/57/Ng.png/33px-Ng.png',
 
'Нидерланды':'/mediawiki/images/thumb/9/98/Nl.png/33px-Nl.png',
 
'Аруба (Нидерланды)':'/mediawiki/images/thumb/9/98/Nl.png/33px-Nl.png',
 
'Кюрасао (Нидерланды)':'/mediawiki/images/thumb/9/98/Nl.png/33px-Nl.png',
 
'Синт-Мартен (Нидерланды)':'/mediawiki/images/thumb/9/98/Nl.png/33px-Nl.png',
 
'Никарагуа':'/mediawiki/images/thumb/5/5d/Ni.png/33px-Ni.png',
 
'Новая Зеландия':'/mediawiki/images/thumb/c/c4/Nz.png/33px-Nz.png',
 
'Ниуэ (Новая Зеландия)':'/mediawiki/images/thumb/c/c4/Nz.png/33px-Nz.png',
 
'Острова Кука (Новая Зеландия)':'/mediawiki/images/thumb/c/c4/Nz.png/33px-Nz.png',
 
'Токелау (Новая Зеландия)':'/mediawiki/images/thumb/c/c4/Nz.png/33px-Nz.png',
 
'Норвегия':'/mediawiki/images/thumb/0/04/No.png/33px-No.png',
 
'ОАЭ':'/mediawiki/images/thumb/f/f4/Oa.png/33px-Oa.png',
 
'Оман':'/mediawiki/images/thumb/4/40/Om.png/33px-Om.png',
 
'Пакистан':'/mediawiki/images/thumb/6/68/Pk.png/33px-Pk.png',
 
'Палау':'/mediawiki/images/thumb/2/2b/Pw.png/33px-Pw.png',
 
'Палестина':'/mediawiki/images/thumb/7/71/Pn.png/33px-Pn.png',
 
'Панама':'/mediawiki/images/thumb/f/fa/Pa.png/33px-Pa.png',
 
'Папуа-Новая Гвинея':'/mediawiki/images/thumb/4/41/Pg.png/33px-Pg.png',
 
'Парагвай':'/mediawiki/images/thumb/c/c3/Py.png/33px-Py.png',
 
'Перу':'/mediawiki/images/thumb/9/90/Pe.png/33px-Pe.png',
 
'Польша':'/mediawiki/images/thumb/b/b9/Pl.png/33px-Pl.png',
 
'Португалия':'/mediawiki/images/thumb/d/d7/Pt.png/33px-Pt.png',
 
'Россия':'/mediawiki/images/thumb/f/fb/Ru.png/33px-Ru.png',
 
'Руанда':'/mediawiki/images/thumb/b/bd/Rw.png/33px-Rw.png',
 
'Румыния':'/mediawiki/images/thumb/6/61/Ro.png/33px-Ro.png',
 
'Сальвадор':'/mediawiki/images/thumb/1/17/Sv.png/33px-Sv.png',
 
'Самоа':'/mediawiki/images/thumb/7/7c/Ws.png/33px-Ws.png',
 
'Сан-Марино':'/mediawiki/images/thumb/f/f3/Sm.png/33px-Sm.png',
 
'Сан-Томе и Принсипи':'/mediawiki/images/thumb/b/ba/St.png/33px-St.png',
 
'Саудовская Аравия':'/mediawiki/images/thumb/4/4e/Sa.png/33px-Sa.png',
 
'Западная Сахара':'/mediawiki/images/thumb/7/7c/Eh.png/33px-Eh.png',
 
'Эсватини':'/mediawiki/images/thumb/3/34/Sz.png/33px-Sz.png',
 
'Сейшелы':'/mediawiki/images/thumb/f/f5/Sc.png/33px-Sc.png',
 
'Сенегал':'/mediawiki/images/thumb/e/ea/Sn.png/33px-Sn.png',
 
'Сент-Винсент и Гренадины':'/mediawiki/images/thumb/e/ef/Vc.png/33px-Vc.png',
 
'Сент-Китс и Невис':'/mediawiki/images/thumb/9/93/Kn.png/33px-Kn.png',
 
'Сент-Люсия':'/mediawiki/images/thumb/0/01/Lc.png/33px-Lc.png',
 
'Сербия':'/mediawiki/images/thumb/4/4a/Rs.png/33px-Rs.png',
 
'Сингапур':'/mediawiki/images/thumb/5/5f/Sg.png/33px-Sg.png',
 
'Сирия':'/mediawiki/images/thumb/8/89/Sy.png/33px-Sy.png',
 
'Словакия':'/mediawiki/images/thumb/1/11/Sk.png/33px-Sk.png',
 
'Словения':'/mediawiki/images/thumb/e/e2/Si.png/33px-Si.png',
 
'США':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Гавайи (США)':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Гуам (США)':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Пуэрто-Рико (США)':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Американские Вирджинские острова (США)':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Американское Самоа (США)':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Северные Марианские Острова (США)':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Уэйк (США)':'/mediawiki/images/thumb/2/2f/Us.png/33px-Us.png',
 
'Соломоновы Острова':'/mediawiki/images/thumb/a/a3/Sb.png/33px-Sb.png',
 
'Сомали':'/mediawiki/images/thumb/f/f5/So.png/33px-So.png',
 
'Судан':'/mediawiki/images/thumb/b/b4/Sd.png/33px-Sd.png',
 
'Суринам':'/mediawiki/images/thumb/e/ec/Sr.png/33px-Sr.png',
 
'Сьерра-Леоне':'/mediawiki/images/thumb/2/24/Sl.png/33px-Sl.png',
 
'Таджикистан':'/mediawiki/images/thumb/a/af/Tj.png/33px-Tj.png',
 
'Таиланд':'/mediawiki/images/thumb/0/06/Th.png/33px-Th.png',
 
'Танзания':'/mediawiki/images/thumb/5/57/Tz.png/33px-Tz.png',
 
'Того':'/mediawiki/images/thumb/1/12/Tg.png/33px-Tg.png',
 
'Тонга':'/mediawiki/images/thumb/b/bb/To.png/33px-To.png',
 
'Тринидад и Тобаго':'/mediawiki/images/thumb/1/1b/Tt.png/33px-Tt.png',
 
'Тувалу':'/mediawiki/images/thumb/1/1e/Tv.png/33px-Tv.png',
 
'Тунис':'/mediawiki/images/thumb/f/fa/Tn.png/33px-Tn.png',
 
'Туркменистан':'/mediawiki/images/thumb/c/c7/Tm.png/33px-Tm.png',
 
'Турция':'/mediawiki/images/thumb/5/5f/Tr.png/33px-Tr.png',
 
'Уганда':'/mediawiki/images/thumb/0/05/Ug.png/33px-Ug.png',
 
'Узбекистан':'/mediawiki/images/thumb/0/0a/Uz.png/33px-Uz.png',
 
'Украина':'/mediawiki/images/thumb/2/2b/Ua.png/33px-Ua.png',
 
'Уругвай':'/mediawiki/images/thumb/a/ab/Uy.png/33px-Uy.png',
 
'Фиджи':'/mediawiki/images/thumb/4/45/Fj.png/33px-Fj.png',
 
'Филиппины':'/mediawiki/images/thumb/a/a4/Ph.png/33px-Ph.png',
 
'Финляндия':'/mediawiki/images/thumb/7/70/Fi.png/33px-Fi.png',
 
'Франция':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Французская Гвиана':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Гваделупа (Франция)':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Французская Полинезия':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Майотта (Франция)':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Мартиника (Франция)':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Реюньон (Франция)':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Уоллис и Футуна (Франция)':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Новая Каледония (Франция)':'/mediawiki/images/thumb/4/4b/Fr.png/33px-Fr.png',
 
'Хорватия':'/mediawiki/images/thumb/0/0f/Hr.png/33px-Hr.png',
 
'ЦАР':'/mediawiki/images/thumb/9/95/Cf.png/33px-Cf.png',
 
'Чад':'/mediawiki/images/thumb/7/7e/Td.png/33px-Td.png',
 
'Черногория':'/mediawiki/images/thumb/2/24/Me.png/33px-Me.png',
 
'Чехия':'/mediawiki/images/thumb/6/69/Cz.png/33px-Cz.png',
 
'Чили':'/mediawiki/images/thumb/2/25/Cl.png/33px-Cl.png',
 
'Швейцария':'/mediawiki/images/thumb/e/e5/Ch.png/25px-Ch.png',
 
'Швеция':'/mediawiki/images/thumb/d/d0/Se.png/33px-Se.png',
 
'Шри-Ланка':'/mediawiki/images/thumb/8/83/Lk.png/33px-Lk.png',
 
'Эквадор':'/mediawiki/images/thumb/f/fa/Ec.png/33px-Ec.png',
 
'Экваториальная Гвинея':'/mediawiki/images/thumb/e/e6/Gq.png/33px-Gq.png',
 
'Эритрея':'/mediawiki/images/thumb/e/e8/Er.png/33px-Er.png',
 
'Эстония':'/mediawiki/images/thumb/5/5e/Ee.png/33px-Ee.png',
 
'Эфиопия':'/mediawiki/images/thumb/d/d0/Et.png/33px-Et.png',
 
'ЮАР':'/mediawiki/images/thumb/3/34/Za.png/33px-Za.png',
 
'Южный Судан':'/mediawiki/images/thumb/d/da/Ss.png/33px-Ss.png',
 
'Ямайка':'/mediawiki/images/thumb/2/20/Jm.png/33px-Jm.png',
 
'Япония':'/mediawiki/images/thumb/e/e1/Jp.png/33px-Jp.png',
 
};
 
const map = document.getElementById('map');
 
const country = document.querySelectorAll('.land');
 
const toolTip = document.getElementById('tooltip');
 
const message = toolTip.innerHTML;
 
 
let isMobile = false;
 
let lastCountryName = '';
 
let selectedCountry = null;
 
 
function showCountryName(event) {
 
  let countryName = event.target.getAttribute('title');
 
 
  if (!event.target.classList.contains('land')) {
 
    return;
 
  }
 
 
  toolTip.innerHTML = '';
 
 
  if (countries.hasOwnProperty(countryName)) {
 
    const flagPath = countries[countryName];
 
 
    const flagElement = document.createElement('img');
 
    flagElement.setAttribute('src', flagPath);
 
    flagElement.setAttribute('alt', countryName + ' флаг');
 
    flagElement.style.marginRight = '7px';
 
 
    toolTip.appendChild(flagElement);
 
  }
 
 
  const countryNameElement = document.createElement('span');
 
  countryNameElement.textContent = countryName;
 
 
  toolTip.appendChild(countryNameElement);
 
  toolTip.style.display = 'block';
 
 
  lastCountryName = countryName;
 
 
  // Удаляем класс CSS с предыдущего выбранного элемента, если он существует
 
  if (selectedCountry !== null) {
 
    selectedCountry.classList.remove('selected');
 
  }
 
 
  // Добавляем уникальный класс CSS к выбранному элементу
 
  event.target.classList.add('selected');
 
  selectedCountry = event.target;
 
}
 
 
function hideCountryName() {
 
  if (!isMobile) {
 
    toolTip.innerHTML = lastCountryName !== '' ? message : '';
 
    toolTip.style.display = 'block';
 
  }
 
}
 
 
function handleMouseOver(event) {
 
  if (event.target.classList.contains('land')) {
 
    showCountryName(event);
 
  } else {
 
    hideCountryName();
 
  }
 
}
 
 
map.addEventListener('mouseover', handleMouseOver);
 
map.addEventListener('mouseout', hideCountryName);
 
 
var svgMap = document.getElementById('map');
 
var popup = document.getElementById('popup');
 
 
function handleHover(event) {
 
  var id = event.target.id;
 
 
  var content = window.getComputedStyle(event.target, '::before').getPropertyValue('content');
 
 
  content = content.replace(/^"|"$/g, '');
 
 
  if (content === 'none') {
 
    return;
 
  }
 
 
  var rect = svgMap.getBoundingClientRect();
 
  var offsetX = event.clientX - rect.left;
 
  var offsetY = event.clientY - rect.top;
 
  var strippedContent = content.replace(/'{2,3}([^']*)'{2,3}|\[\[([^\]|]*?)(?:\|([^\]|]*))?\]\]/g, function(match, p1, p2, p3) {
 
  if (p1) {
 
    return p1;
 
  } else {
 
    return p3 || p2;
 
  }
 
});
 
 
 
  setTimeout(function() {
 
    popup.style.left = offsetX + 'px';
 
    popup.style.top = offsetY + 'px';
 
 
    popup.style.display = 'block';
 
    strippedContent = strippedContent.charAt(0).toUpperCase() + strippedContent.slice(1);
 
    popup.textContent = strippedContent;
 
  }, 100);
 
}
 
 
function handleLeave() {
 
  popup.style.display = 'none';
 
}
 
 
var lands = svgMap.querySelectorAll('.land');
 
 
lands.forEach(function (land) {
 
  land.addEventListener('mouseenter', handleHover);
 
  land.addEventListener('mouseleave', handleLeave);
 
});
 
 
 
var beforePan
 
var beforePan
 
         beforePan = function(oldPan, newPan){
 
         beforePan = function(oldPan, newPan){

Версия 16:14, 5 мая 2024

<style>

.wrap {
 position: relative;
 float: right;
 margin-left: 15px;
 background-color: #abc6d9;

}

.countries ul {

 max-height: 400px;
 min-width: 200px;
 overflow-y: auto;
 overflow-x: clip;
 padding-left: 20px;
 margin: 10px;

}

svg#map {

   outline: none;
   cursor: move;
   }
  1. popup {
 position: absolute;
 display: none;
 background-color: #fff;
 padding: 2px 2px 2px 7px;
 border: 1px solid #ccc;
 z-index: 2;
 font-size: small;

}

  1. tooltip {
height: 45px;
text-align: center;
background: #2786c285;
padding: 10px;
margin-top: -8px;
position: relative;

}

.fa-question-circle-map {

   position: absolute;
   top: 240px;
   left: 5px;
   color: #2d7bb0;

}

.controls {

  display: inline-grid;
  position: absolute;
  top: 10px;
  right: 10px;

}

.controls button {

  font-size: x-large;
  padding: 2px;
  margin: 2px;
  opacity: 0.9;

}

.controls button:focus {

  background-color: #2786c2;

}

  1. reset {
   font-size: medium;

}

path {

 fill: #fff;
 cursor: pointer;

} path:hover {

 fill: #2786c285;

}

.mobile { display: none; }

.desktop { display: block; }

.land-out {

  fill-opacity: 0;
  fill-rule: evenodd;
  stroke: #ffffff;
  stroke-width: 1;
  stroke-dasharray: 0 1 0;
  stroke-opacity: 0.5;

}

.land-out:hover {

  fill-opacity: 1;
  fill: #2786c285;

}

@media only screen and (max-width:640px) {

.wrap {

 margin-left: 0;    
 margin-bottom: 10px;

}

.countries ul {

margin-left: 0;

}

.fa-question-circle-map {

   top: inherit;
   bottom: 30px;

}

.controls {

   top: 2px;
   right: 5px;

}

.controls button {

   padding: 0 5px;
   margin: 2px;

}

  1. reset {
  font-size: x-small;

}

.mobile { display: block; }

.desktop { display: none; }

.selected {

   fill: #c14e48!important;

}

.land-out.selected {

   fill-opacity: 1;
   fill: #2786c285!important;

}

  1. tooltip {
   padding: 0;
   font-size: 15px;
   height: 25px;
   margin-top: -9px;

}

  1. tooltip img {
   height: 18px;

}

} </style>