JSPM

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

A lightweight Javascript library for creating interactive maps

Package Exports

  • jsvectormap
  • jsvectormap/dist/css/jsvectormap.css
  • jsvectormap/dist/js/jsvectormap.min.js
  • jsvectormap/dist/maps/world.js
  • jsvectormap/src/scss/jsvectormap.scss

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 sample

Jsvectormap

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

Explore docs . Report bug · View demo · Download

Jsvectormap

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 browsers including IE9+

License Downloads Version Minified Minizipped

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

npm i jsvectormap

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

import jsVectorMap from 'jsvectormap'
import 'jsvectormap/dist/maps/world.js'

const map = new jsVectorMap({
  selector: '#map',
  map: 'world',
})

Contributions

Your contributions always welcome but consider the following notes:

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

Setup

### 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
git clone https://github.com/themustafaomar/jsvectormap.git && cd jsvectormap

# Build
npm run build

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

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

License

jsvectormap licensed under MIT.