mappls-map-react-native/javascript/modules/snapshot/SnapshotOptions.js

A Mappls GL react native module for creating custom maps

import {NativeModules} from 'react-native';

import {toJSONString} from '../../utils';
import {makePoint, makeFeatureCollection} from '../../utils/geoUtils';

const MapplsGL = NativeModules.MGLModule;

class SnapshotOptions {
  constructor(options = {}) {
    if (!options.centerCoordinate && !options.bounds) {
      throw new Error(
        'Center coordinate or bounds must be supplied in order to take a snapshot',
      );
    }

    // this.styleURL = options.styleURL || MapplsGL.StyleURL.Street;
    this.heading = options.heading || 0.0;
    this.pitch = options.pitch || 0.0;
    this.zoomLevel = options.zoomLevel || 16.0;
    this.width = options.width || 50.0;
    this.height = options.height || 50.0;
    this.writeToDisk = options.writeToDisk || false;
    this.withLogo = options.withLogo === undefined ? true : options.withLogo;

    if (options.centerCoordinate) {
      this.centerCoordinate = this._createCenterCoordPoint(
        options.centerCoordinate,
      );
    }

    if (options.bounds) {
      this.bounds = this._createBoundsCollection(options.bounds);
    }
  }

  toJSON() {
    return {
      styleURL: this.styleURL,
      heading: this.heading,
      pitch: this.pitch,
      zoomLevel: this.zoomLevel,
      width: this.width,
      height: this.height,
      writeToDisk: this.writeToDisk,
      centerCoordinate: this.centerCoordinate,
      bounds: this.bounds,
      withLogo: this.withLogo,
    };
  }

  _createCenterCoordPoint(centerCoordinate) {
    const point = makePoint(centerCoordinate);
    return toJSONString(point);
  }

  _createBoundsCollection(bounds) {
    const features = [];

    for (const bound of bounds) {
      features.push(makePoint(bound));
    }

    return toJSONString(makeFeatureCollection(features));
  }
}

export default SnapshotOptions;