Package Exports
- jsvectormap
- jsvectormap/dist/css/jsvectormap.css
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (jsvectormap) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Jsvectormap
A lightweight Javascript library for creating interactive maps and pretty data visualization.

First of all, this project is a deeply modified version of jvectormap
I created this project to help developers who aren't using jQuery in their projects.
Support
jsVectorMap supports all modern brownsers including IE9+
jQuery is no longer a required dependency, the project is completely build with pure Javascript.
Related projects
vuevectormap a Vue wrapper component.
Demo
Checkout the demo at codesandbox, code.
Demo at Codepen | Documentation
Installation
Installing via npm
npm i jsvectormap
OR
You can download the latest version from the Github: Download or clone the repository:
git clone https://github.com/themustafaomar/jsvectormap.git
Usage
Manually
<link rel="stylesheet" href="dist/css/jsvectormap.min.css" />
<script src="dist/js/jsvectormap.min.js"></script>
<script src="dist/maps/world.js"></script>
<div id="map"></div>
<script>
var map = new jsVectorMap({
selector: '#map',
map: 'world',
});
</script>
Using CDN links
<script src="https://unpkg.com/jsvectormap"></script>
<script src="https://unpkg.com/jsvectormap/dist/maps/world.js"></script>
CLI
If you're using webpack or something like that you'll need to import the map you want to work with after importing the library.
@import 'jsvectormap'
@import 'jsvectormap/dist/maps/world.js'
const map = new jsVectorMap({
selector: '#map',
map: 'world',
})
Sass if you're using Sass you can overwite default style with Sass variables . Take a look at this file to know about all possible variables.
$tooltip-bg-color: #3a3d4c;
$tooltip-font-family: Roboto, sans-serif;
@import 'jsvectormap'
Contributions
Your contributions always welcome
- please don't update the build files when sending pull requests, modifications should be committed within src/js/*.
Notes
If you're good at React or Angular and you want to make a wrapper component
please feel free to do it and contact me at themustafaomar@gmail.com
to add mention your repository here.
License
jsvectormap licensed under MIT.