globe-sdk-leafet

Globe map sdk

Map sdk use only globe server

Installation

Use the package manager npm to install foobar.

npm i globe-sdk-leafet 
yarn add globe-sdk-leafet 

Usage

import React, { useEffect, useRef } from 'react';
import { MapSDK } from 'globe-sdk-leafet'; 
import "globe-sdk-leafet/dist/index.css";

const options: any = {
  map: {
    coordinates: {
      latitude: 0,
      longitude: 0
    }
  },
};

const MapComponent: React.FC = () => {
  const mapContainerRef: any = useRef(null);

  useEffect(() => {
    const mapSDK = new MapSDK(mapContainerRef.current);
    mapSDK.init(options);
    
    mapSDK.onShapeCreated((shape:any, layer:any) => {
      if (shape === 'Marker') {
        const geojson = layer.toGeoJSON();
        console.log(geojson);
      } else if (shape === 'Circle') {
        const geojson = layer.toGeoJSON();
        console.log(geojson);
      } else if (shape === 'Polygon' || shape === 'Rectangle' || shape === 'Polyline') {
        const geojson = layer.toGeoJSON();
        console.log(geojson);
      }
    });


    return () => {
      mapSDK?.destroy();
    };
  }, []);

  return (
    <>
      <div ref={mapContainerRef} style={{ width: '100%', height: '100vh' }} />
    </>
  )



};

export default MapComponent

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT