react-native-mapsforge-vtm/lib/module/components/LayerScalebar.js

React Native components to build vector maps using Mapsforges fork of vtm. Offline rendering of OpenStreetMap data. Android only

"use strict";

/**
 * External dependencies
 */
import { useEffect, useState } from 'react';

/**
 * Internal dependencies
 */
import useRefState from "../compose/useRefState.js";
import promiseQueue from "../promiseQueue.js";
import { MapLayerScalebarModule } from "../nativeMapModules.js";
const Module = MapLayerScalebarModule;
const LayerScalebar = ({
  nativeNodeHandle = null,
  reactTreeIndex,
  onCreate,
  onRemove,
  onError
}) => {
  // @ts-ignore
  const [random, setRandom] = useState(0);
  const [uuid, setUuid] = useRefState(null);
  const createLayer = () => {
    setUuid(false);
    promiseQueue.enqueue(() => {
      return Module.createLayer(nativeNodeHandle, reactTreeIndex).then(response => {
        setUuid(response.uuid);
        setRandom(Math.random());
        onCreate ? onCreate(response) : null;
      }).catch(err => {
        console.log('ERROR', err);
        onError ? onError(err) : null;
      });
    });
  };
  useEffect(() => {
    if (uuid === null && nativeNodeHandle) {
      createLayer();
    }
    return () => {
      if (uuid && nativeNodeHandle) {
        promiseQueue.enqueue(() => {
          return Module.removeLayer(nativeNodeHandle, uuid).then(removedUuid => {
            onRemove ? onRemove({
              uuid: removedUuid
            }) : null;
          }).catch(err => {
            console.log('ERROR', err);
            onError ? onError(err) : null;
          });
        });
      }
    };
  }, [nativeNodeHandle, !!uuid]);
  return null;
};
LayerScalebar.isMapLayer = true;
export default LayerScalebar;
//# sourceMappingURL=LayerScalebar.js.map