JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 46912
  • Score
    100M100P100Q132195F
  • License MIT

A lightweight Javascript library for creating interactive maps

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.

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>
<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

  1. 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.