Интерактивная карта в одном SVG
{{ "2018-02-04T06:21:25+00:00" | date "longDate" }}
Сделал интерактивную карту Канады, состоящей из 10 провинций и 3 территорий. Небольшой блок с информацией появляется при наведении на административную единицу.
Никаких скриптов и дополнительных тегов, всё в одном встроенном SVG.
Alberta
Capital:Land area: Population: GDP:
Edmonton640,081 km² 4,306,039 $314.944 billion
British Columbia
Capital:Land area: Population: GDP:
Victoria925,186 km² 4,841,078 $263.706 billion
Manitoba
Capital:Land area: Population: GDP:
Winnipeg548,360 km² 1,343,371 $67.863 billion
New Brunswick
Capital:Land area: Population: GDP:
Fredericton71,450 km² 760,868 $34.224 billion
Newfoundland and Labrador
Capital:Land area: Population: GDP:
St. John's373,872 km² 528,817 $31.112 billion
Nova Scotia
Capital:Land area: Population: GDP:
Halifax52,942 km² 957,600 $41.726 billion
Northwest Territories
Capital:Land area: Population: GDP:
Yellowknife1,183,085 km² 44,718 $4.739 billion
Nunavut
Capital:Land area: Population: GDP:
Iqaluit1,877,787 km² 38,243 $2.443 billion
Ontario
Capital:Land area: Population: GDP:
Toronto917,741 km² 14,279,196 $794.835 billion
Prince Edward Island
Capital:Land area: Population: GDP:
Charlottetown5,660 km² 152,784 $6.321 billion
Quebec
Capital:Land area: Population: GDP:
Quebec City1,365,128 km² 8,356,851 $394.819 billion
Saskatchewan
Capital:Land area: Population: GDP:
Regina591,670 km² 1,168,057 $75,261 billion
Yukon
Capital:Land area: Population: GDP:
Whitehorse474,391 km² 38,669 $2.800 billion
{{ 'Comments (%count%)' | trans {count:count} }}
{{ 'Comments are closed.' | trans }}