Press "Enter" to skip to content

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


See Demo And Download

Official Website(VictorCazanave): Click Here

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

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *