3.0.15 β€’ Published 4 years ago

random-dummy-package-test1 v3.0.15

Weekly downloads
3
License
Apache-2.0
Repository
github
Last release
4 years ago

Naksha Components React πŸ—ΊοΈ

GitHub Actions Status Dependencies Bundle Size typed with TypeScript code style: prettier

Mapbox GL Components for IndiaBiodiversity

πŸ“¦ Setup

git clone https://github.com/strandls/naksha-components-react.git
cd naksha-components-react
yarn install

πŸ“š Storybook

Run inside another terminal:

yarn storybook

This loads the stories from ./stories.

As of now documentation is available via TypeScript intellisense but it will be added soon

πŸ“¦ Usage

import Naksha from "naksha-components-react";

<Naksha
  viewPort={{ latitude: 20, longitude: 79, zoom: 3, bearing: 0, pitch: 0 }}
  loadToC={true}
  showToC={false}
  mapboxApiAccessToken="pk.xxx"
  nakshaApiEndpoint="/naksha-api/api"
  geoserver={{ endpoint: "/geoserver", store: "ibp", workspace: "biodiv" }}
  selectedLayers={object("Selected Layers", [])}
  layers={[
    {
      id: "global-observations",
      title: "Global Observations",
      isAdded: true,
      source: {
        type: "grid",
        endpoint:
          "/naksha-api/api/observation/aggregation?index=observation&type=recoards&geoField=location&top={top}&left={left}&bottom={bottom}&right={right}&precision={precision}"
      }
    }
  ]}
/>;

πŸ”§ Configuration

Code quality checks are done with prettier, husky, and lint-staged.

🀠 Credits

πŸ™ Contributing

Contributions/Suggestions are always welcome!

πŸ“„ License

Apache-2.0 Β© Strand Life Sciences