react-native-mapsforge-vtm/lib/commonjs/components/LayerBitmapTile.js

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _useRefState = _interopRequireDefault(require("../compose/useRefState.js"));
var _promiseQueue = _interopRequireDefault(require("../promiseQueue.js"));
var _nativeMapModules = require("../nativeMapModules.js");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const Module = _nativeMapModules.MapLayerBitmapTileModule;
const LayerBitmapTile = ({
  nativeNodeHandle,
  reactTreeIndex,
  url = 'https://tile.openstreetmap.org/{Z}/{X}/{Y}.png',
  alpha = 1,
  zoomMin = 1,
  zoomMax = 20,
  enabledZoomMin = 1,
  enabledZoomMax = 20,
  cacheSize = 0,
  cacheDirBase = '/',
  // if `/`, will fallback to java getReactApplicationContext().getCacheDir();
  cacheDirChild = '',
  // if ``, will fallback to slugify url;
  onCreate,
  onRemove,
  onChange,
  onError
}) => {
  // @ts-ignore
  const [random, setRandom] = (0, _react.useState)(0);
  const [uuid, setUuid] = (0, _useRefState.default)(null);
  const [triggerCreateNew, setTriggerCreateNew] = (0, _react.useState)(null);
  const createLayer = () => {
    setUuid(false);
    _promiseQueue.default.enqueue(() => {
      return Module.createLayer(nativeNodeHandle, url, alpha,
      // The BitmapTileLayer will ensure its between 0 and 1.
      Math.round(zoomMin), Math.round(zoomMax), Math.round(enabledZoomMin), Math.round(enabledZoomMax), Math.round(cacheSize), cacheDirBase.trim(), cacheDirChild.trim(), reactTreeIndex).then(response => {
        setUuid(response.uuid);
        setRandom(Math.random());
        null === triggerCreateNew ? onCreate ? onCreate(response) : null : onChange ? onChange(response) : null;
      }).catch(err => {
        console.log('ERROR', err);
        onError ? onError(err) : null;
      });
    });
  };
  (0, _react.useEffect)(() => {
    if (uuid === null && nativeNodeHandle) {
      createLayer();
    }
    return () => {
      if (uuid && nativeNodeHandle) {
        _promiseQueue.default.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]);

  // enabledZoomMin enabledZoomMax changed.
  (0, _react.useEffect)(() => {
    if (nativeNodeHandle && uuid) {
      Module.updateEnabledZoomMinMax(nativeNodeHandle, uuid, Math.round(enabledZoomMin), Math.round(enabledZoomMax)).catch(err => {
        console.log('ERROR', err);
        onError ? onError(err) : null;
      });
    }
  }, [enabledZoomMin, enabledZoomMax]);
  (0, _react.useEffect)(() => {
    if (nativeNodeHandle && uuid) {
      Module.setAlpha(nativeNodeHandle, uuid, alpha).catch(err => {
        console.log('ERROR', err);
        onError ? onError(err) : null;
      });
    }
  }, [alpha]);
  (0, _react.useEffect)(() => {
    if (nativeNodeHandle && uuid) {
      _promiseQueue.default.enqueue(() => {
        return Module.removeLayer(nativeNodeHandle, uuid).then(() => {
          setUuid(null);
          setTriggerCreateNew(Math.random());
        }).catch(err => {
          console.log('ERROR', err);
          onError ? onError(err) : null;
        });
      });
    }
  }, [url, zoomMin, zoomMax, cacheSize, cacheDirBase, cacheDirChild]);
  return null;
};
LayerBitmapTile.isMapLayer = true;
var _default = exports.default = LayerBitmapTile;
//# sourceMappingURL=LayerBitmapTile.js.map