Interactive SVG Map In Vue

Install & Download:

# Yarn
$ yarn add vue-svg-map
# NPM
$ npm i vue-svg-map --save

Description:

A set of Vue.js component to display interactive SVG maps as checkboxes, radio buttons, links, or tooltips.

Basic usage:

1. Import the component and an SVG Map into your project.

import { SvgMap } from "vue-svg-map";
import CountryName from "@svg-maps/countryname";

2. Display the SVG map on your app.

<template>
  <svg-map :map="CountryName" />
</template>

export default {
  name: "MyMap",
  components: {
    SvgMap
  },
  data() {
    return {
      Taiwan
    };
  }
};

Preview: