react-leaflet-ellipsis v1.9.6

Import Ellipsis layers in react-leaflet

Install

Install using npm install react-leaflet-ellipsis

Usage

In a React app, import the RasterLayer and VectorLayer: import { EllipsisRasterLayer } from 'react-leaflet-ellipsis' import { EllipsisVectorLayer } from 'react-leaflet-ellipsis' import { EllipsisApi } from 'react-leaflet-ellipsis'

Example

You can use RasterLayer and VectorLayer within a <MapContainer /> or <Map /> component.

<MapContainer>
  <EllipsisRasterLayer pathId={pathId} />
  <EllipsisVectorLayer pathId={pathId} />
</MapContainer>

To login or request metadata of maps you can use the functions available in EllipsisApi.

useEffect(() => {
  EllipsisApi.login(username, password).then((response) => {
    console.log(response);
    token = response.token;
    expires = response.expires;
  });
  EllipsisApi.getMetadata(mapId).then((response) => {
    console.log(response);
  });
}, []);

RasterLayer props

VectorLayer props

warning loadAll=true will ignore maxMbPerTile, maxTilesInCache and maxFeaturesPerTile settings.

Any details about the style object are documented in (this documentation)https://docs.ellipsis-drive.com/developers/api-v3/path-vector/styles/add-style

Use the EllipsisApi to login into Ellipsis Drive or view metadata of paths

EllipsisApi.login description

parameters

return value

token: string; //token to use in other api calls
expires: number; //expiration time in milliseconds

EllipsisApi.getPath description

parameters

return value It returns JSON, which depends on the type of the specified object.