MvMaps is a map component (based on lit-element) that renders a map with selectable countries. It makes use of Highcharts Maps to render the map
To experiment with the MvMaps component.
-
Clone this repo.
-
Serve the project from the root directory with some http server (best served with meveo itself)
-
Update the maps demo component in demo.js file
<mv-maps
.selected="${this.countries}" // an array of countries with id and name properties
@update-countries="${this.updateCountries}" // a custom event that returns a list of countries that
// have been selected
></mv-maps>
You can also check this demo
- MvMaps uses Highcharts Maps.