Vue World Map
A Vue JS Component for displaying dynamic data on a world map.
Map from amCharts
Install via npm using
npm install vue-world-map
This component is most useful in creating a heat map for various countries. And will color countries differently based on a props passed.
The component requires a prop of
countryData to be passed to it, which is a JS
object formatted like so.
US: 100CA: 120UK: 400
Where the key is a country's ISO 3166 Code and the value is a numerical value associated with it.
|countryData||See Usage Section above for details||no|
|lowColor||Countries with lower values will be colored more strongly with this color||yes|
|highColor||Countries with higher values will be colored more strongly with this color||yes|
|defaultCountryFillColor||Countries with no data will default to this color||yes|
|countryStrokeColor||The color of the border around countries||yes|