Interactive SVG Map In Vue

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:

Interactive SVG Map In Vue

Download Details:

Author: VictorCazanave

Live Demo: https://victorcazanave.github.io/vue-svg-map/

Download Link: https://github.com/VictorCazanave/vue-svg-map/archive/master.zip

Official Website: https://github.com/VictorCazanave/vue-svg-map

Install & Download:

# Yarn
$ yarn add vue-svg-map

# NPM
$ npm i vue-svg-map --save

You Might Be Interested In:

Tags:

Add Comment