An interactive canvas-based map component for React.
npm install react-canvas-mapPlease note that this package is not intended for world maps or integrating with any large map
datasets. It is instead for displaying a single static image, zooming and panning around it, with
markers and drop zones in 2d space relative to that image.
Check out the live demo page to see it in action.
To use simply install from npm:
``shell`
npm install react-canvas-map
Check out the examples on the demo site for implementation example code.
From the root directory, install the requirements of the base package with yarn / npm:
`shell`
npm install
Likewise do the same in the demo folder:
`shell`
cd demo
npm install
If you don't already have ruby installed, follow their
installation instructions.
Install jekyll using ruby:
`shell`
gem install jekyll
gem install jekyll-seo-tag
To watch the base package's code for changes and rebuild on the fly, run the following from the
project root directory:
`shell`
npm run watch
Simultaneously, to watch the demo project's files for changes and rebuild / host the static files,
run the following from the demo directory:
`shell`
cd demo
npm run start
You will be able to access a hosted copy of your demo site at localhost:4000, and any javascript
or changes to either the base package or the demo site will be reflected there after a browser
refresh.
In both the package root or demo directory: npm run lint`.