Vue中的交互式SVG地图

Vue中的交互式SVG地图
插件名称 vue-svg-map
发布时间 2020年8月19日
插件作者 VictorCazanave

一组Vue.js组件,用于将交互式SVG映射显示为复选框,单选按钮,链接或工具提示。

安装和下载:

# Yarn
$ yarn add vue-svg-map

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

基本用法:

1.将组件和SVG映射导入项目。

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

2.在您的应用程序上显示SVG地图。

<template>
  <svg-map :map="CountryName" />
</template>
export default {
  name: "MyMap",
  components: {
    SvgMap
  },
  data() {
    return {
      Taiwan
    };
  }
};