Vector Maps

Basic

Markers

Lines

Events

Series

Advanced

  • Uses Instruction

  • Vector Map is delivered primarily via npm. npm i jsvectormap
  • Add the following line into the <head> of each template or page that you want to use jsvectormap on.
    
    <!-- Vector Map CSS -->
    <link rel="stylesheet" href="./../assets/vendors/jsvectormap/css/jsvectormap.min.css">
    
  • Add the following lines before the <body> of each template or page that you want to use jsvectormap on.
    
    <!-- Vector Map JS -->
    <script src="./../assets/vendors/jsvectormap/js/jsvectormap.min.js"></script>
    <script src="./../assets/vendors/jsvectormap/maps/world.js"></script>
    
    <!-- Vector Map Initialize JS -->
    <script src="./../assets/js/components/maps/vector-init.min.js"></script>
    
  • For full documentation please visit the link: https://jvm-docs.vercel.app/