Home Javascript Vue.js Components For Display An Interactive SVG Map

Vue.js Components For Display An Interactive SVG Map

vue-svg-map is a set of Vue.js components for displaying interactive SVG maps as checkboxes, radio buttons, links, or tooltips.

interactive svg map javascript, interactive svg examples, interactive svg animation, svg map tooltip on hover

A JavaScript Library Integrate With All Countries, Provinces, And States SVG World Maps

How to make use of it:

Install and download:

# Yarn
$ yarn add vue-svg-map

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

1. Import the component and the SVG map into your project.

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

2. Display an SVG map on your app.

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

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

Interactive SVG Map, vue-svg-map Plugin/Github

Official Website(VictorCazanave): Click Here

This superior jQuery/javascript plugin is developed by VictorCazanave. For extra Advanced usage, please go to the official website.