jsvectormap

A lightweight JavaScript library for creating interactive maps and pretty d...

Maps
themustafaomar/jsvectormapjvm-docs.vercel.appjsvectormap

README

Jsvectormap


A lightweight Javascript library for creating interactive maps and pretty data visualization.

Bringing data to life with interactive maps

This project is a deeply modified version of jvectormap and was created to help developers who aren't using jQuery anymore in their projects.

Jsvectormap supports all modern brownsers including IE9+

What's an interactive map


Interactive map is a powerful tool for presentation.
It give the ability to create layers of information that can be shown or hidden at the click of a button on a region or maybe a marker.
Data can be quickly updated, and these updates made transparent to users.
Zoom functions that allow users to focus on either the details of a particular region, or to gain a quick overview of a wider area.

Quick start


Installing via npm
  1. ```bash
  2. npm i jsvectormap
  3. ```

import your preferred map you want to work with, after importing the jsvectormap

  1. ```js
  2. import jsVectorMap from 'jsvectormap'
  3. import 'jsvectormap/dist/maps/world.js'

  5. const map = new jsVectorMap({
  6.   selector: '#map',
  7.   map: 'world',
  8. })
  9. ```

Contributions

Your contributions always welcome but consider the following notes:

The build files shouldn't be updated when sending pull requests.

Setup

  1. ```bash
  2. ### Install node via your preferred mechanism. Ensure the binaries are in your path & obtain a copy of this repository and change into the working directory
  3. git clone https://github.com/themustafaomar/jsvectormap.git && cd jsvectormap

  5. # Build
  6. npm run build

  8. # Start up the live web server (will be available on port 10001)
  9. npm run dev
  10. -> http://localhost:10001/index.html

  12. # Access and test in samples dir
  13. -> http://localhost:10001/samples/YourSampleName.html
  14. ```

License


jsvectormap licensed under MIT.