This module is framework agnostic so it can be used with React, Angular, Vue, or whatever other frameworks you so choose.

See Example

To use this module in your application import it as follows for the javascript

const PhotosetGrapher = require('@skycatch/photoset-grapher');

The css if applicable will be located in the dist folder of the node_module

Coordinates are as follows: [x, y, z]

const PhotosetGrapher = require('@skycatch/photoset-grapher');

const coordinates = [
  [142.08271, 42.60278027777778, 54.35],
  [142.083625, 42.60330861111111, 53.97],
  [142.08395611111112, 42.60307666666667, 55.8]
];

const CanvasSystem = new PhotosetGrapher();
CanvasSystem.configure({ scale: 10, animate: true }); // optional
CanvasSystem.boot('#section', coordinates, [42.60278027777778, 142.08271, 27.153865699049703]);

new PhotosetGrapher()

PhotosetGrapher.configure(options) - JSON: Configuration options (optional)

• options

 {
      'scale': 10,
      'animate': true
 }

PhotosetGrapher.boot(SVG-DOM-Id, array_of_coordinates_lng_lat_alt, ground_coordinate_lng_lat_alt)

• SVG-DOM-Id - String: DOM Element UID
• array_of_coordinates_lng_lat_alt - Array[ARRAY]: Array of Arrays of [x,y,z] coordinates in any coordinate system

 [
   [142.0827, 42.6027, 54.35],
   [142.0836, 42.6033, 53.97],
   [142.0839, 42.6030, 55.80]
 ]

• ground_coordinate_lng_lat_alt - Array: Coordinate of a point on the surface (here altitude of the ground is ~27 meters)

 [42.6027, 142.0827, 27.1530]

D3, Webpack Hot Module Replacement (HMR), ES6, SASS, Linting, Unit Tests, and Sandbox library module template

  $ npm i

Start the Webpack server (includes live reloading + hot module replacement when you change files):

  $ npm run dev

Open http://localhost:8080 in a browser. ./sandbox/index.html is the example which is an example of an implentation of your src library. ./src/index.js is the entry point.

When you're finished and want to make a build, you will need to actually bundle the code into its distribution bundles. The following command will do this with which you can publish the library

  $ npm run bundle