react-native-map4d-map-dtqg 0.1.3 → 0.1.5

package/src/components/MFTileOverlay.js

@@ -1,45 +1,45 @@
-import PropTypes from "prop-types";
-import React from 'react';
-import {ViewPropTypes} from 'deprecated-react-native-prop-types';
-import {
-  requireNativeComponent,
-  View,
-} from 'react-native';
-
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-const propTypes = {
-  ...viewPropTypes,
-
-  /**
-   * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime
-   * For example, https://tile.openstreetmap.de/{z}/{x}/{y}.png
-   */
-  urlTemplate: PropTypes.string.isRequired,
-
-  /**
-   * visible
-   */
-  visible: PropTypes.bool,
-
-  /**
-   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
-   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
-   * with the same z-index is arbitrary. The default zIndex is 0.
-   */
-  zIndex: PropTypes.number,
-};
-
-class MFTileOverlay extends React.Component {
-  render() {
-    return <RMFTileOverlay
-      {...this.props}
-    />;
-  }
-}
-
-MFTileOverlay.propTypes = propTypes;
-
-var RMFTileOverlay = requireNativeComponent(`RMFTileOverlay`, MFTileOverlay);
-
-export { MFTileOverlay }
+import PropTypes from "prop-types";
+import React from 'react';
+import {ViewPropTypes} from 'deprecated-react-native-prop-types';
+import {
+  requireNativeComponent,
+  View,
+} from 'react-native';
+
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+const propTypes = {
+  ...viewPropTypes,
+
+  /**
+   * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime
+   * For example, https://tile.openstreetmap.de/{z}/{x}/{y}.png
+   */
+  urlTemplate: PropTypes.string.isRequired,
+
+  /**
+   * visible
+   */
+  visible: PropTypes.bool,
+
+  /**
+   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
+   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
+   * with the same z-index is arbitrary. The default zIndex is 0.
+   */
+  zIndex: PropTypes.number,
+};
+
+class MFTileOverlay extends React.Component {
+  render() {
+    return <RMFTileOverlay
+      {...this.props}
+    />;
+  }
+}
+
+MFTileOverlay.propTypes = propTypes;
+
+var RMFTileOverlay = requireNativeComponent(`RMFTileOverlay`, MFTileOverlay);
+
+export { MFTileOverlay }

package/src/components/Map4dMapView.tsx

@@ -1,27 +1,27 @@
-import {
-    requireNativeComponent,
-    UIManager,
-    Platform,
-    ViewStyle,
-  } from 'react-native';
-  
-  const LINKING_ERROR =
-    `The package 'react-native-map4d-map' doesn't seem to be linked. Make sure: \n\n` +
-    Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
-    '- You rebuilt the app after installing the package\n' +
-    '- You are not using Expo managed workflow\n';
-  
-  type Map4dMapProps = {
-    color: string;
-    style: ViewStyle;
-  };
-  
-  const ComponentName = 'Map4dMapView';
-  
-  export const Map4dMapView =
-    UIManager.getViewManagerConfig(ComponentName) != null
-      ? requireNativeComponent<Map4dMapProps>(ComponentName)
-      : () => {
-          throw new Error(LINKING_ERROR);
-        };
+import {
+    requireNativeComponent,
+    UIManager,
+    Platform,
+    ViewStyle,
+  } from 'react-native';
+  
+  const LINKING_ERROR =
+    `The package 'react-native-map4d-map' doesn't seem to be linked. Make sure: \n\n` +
+    Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+    '- You rebuilt the app after installing the package\n' +
+    '- You are not using Expo managed workflow\n';
+  
+  type Map4dMapProps = {
+    color: string;
+    style: ViewStyle;
+  };
+  
+  const ComponentName = 'Map4dMapView';
+  
+  export const Map4dMapView =
+    UIManager.getViewManagerConfig(ComponentName) != null
+      ? requireNativeComponent<Map4dMapProps>(ComponentName)
+      : () => {
+          throw new Error(LINKING_ERROR);
+        };
   

package/src/components/extends/AreaFocusManager.js

@@ -1,196 +1,196 @@
-import {AreaFocusSession} from './area/AreaFocusSession'
-import {ProvinceArea, IndustrialEconomicArea} from './area/AreaFocusAreas'
-import {IndustrialEconomicType} from './area/AreaFocusTypes'
-
-/**
- * @typedef {'normal' | 'highlight'} FocusDisplay
- */
-
-/**
- * @typedef {{left?: number, right?: number, top?: number, bottom?: number}} FocusPadding
- */
-
-/**
- * @typedef {'province' | 'industrialZone' | 'economicZone' | 'ecoIndustrialZone' | 'freeTradeZone' | 'nonTariffZone' | 'otherZoneModel' | number} FocusType
- */
-
-/**
- * @typedef {Object} FocusOptions
- * @property {FocusType} type
- * @property {number=} id
- * @property {string=} name
- * @property {FocusDisplay=} display
- * @property {FocusPadding=} padding
- */
-
-const VIETNAM_MAINLAND_BOUNDS = {
-  minLat: 8.18,
-  minLng: 102.14,
-  maxLat: 23.4,
-  maxLng: 109.47,
-}
-
-const FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE = {
-  industrialZone: IndustrialEconomicType.INDUSTRIAL_ZONE,
-  economicZone: IndustrialEconomicType.ECONOMIC_ZONE,
-  ecoIndustrialZone: IndustrialEconomicType.ECO_INDUSTRIAL_ZONE,
-  freeTradeZone: IndustrialEconomicType.FREE_TRADE_ZONE,
-  nonTariffZone: IndustrialEconomicType.NON_TARIFF_ZONE,
-  otherZoneModel: IndustrialEconomicType.OTHER_ZONE_MODEL,
-}
-
-export class AreaFocusManager {
-  constructor(mapView) {
-    this.mapView = mapView
-    this.currentSession = null
-  }
-
-  async _focusArea(area, options) {
-    this.clear()
-
-    if (!area) {
-      return null
-    }
-
-    try {
-      if (!(await area.load())) {
-        return null
-      }
-
-      const focusOptions = {...(options || {})}
-      const bounds = area.getBounds() || VIETNAM_MAINLAND_BOUNDS
-
-      this._fitBounds(bounds, focusOptions)
-
-      this.currentSession = new AreaFocusSession(this.mapView, area, focusOptions)
-      this.currentSession.render()
-
-      return this.currentSession
-    }
-    catch (error) {
-      console.error('Cannot focus area:', error)
-      return null
-    }
-  }
-
-  async _focusProvince(options) {
-    const provinceId = this._getProvinceId(options)
-    const provinceName = this._getProvinceName(options)
-
-    if (provinceId == null && !provinceName) {
-      this.clear()
-      return null
-    }
-
-    const area = provinceId != null ? new ProvinceArea(provinceId) : ProvinceArea.fromName(provinceName)
-    const display = options && options.display === 'highlight' ? 'highlight' : 'normal'
-
-    return this._focusArea(area, {
-      display,
-      padding: options ? options.padding : undefined,
-    })
-  }
-
-  /**
-   * @param {FocusOptions | null | undefined} focusOptions
-   * @returns {Promise<AreaFocusSession | null>}
-   */
-  async focus(focusOptions) {
-    if (focusOptions == null) {
-      this.clear()
-      return null
-    }
-
-    if (focusOptions.type === 'province') {
-      return this._focusProvince(focusOptions)
-    }
-
-    if (focusOptions.id == null) {
-      console.warn('Focus options must include an id for non-province types:', focusOptions)
-      this.clear()
-      return null
-    }
-
-    const industrialEconomicType = this._getIndustrialEconomicType(focusOptions.type)
-
-    if (industrialEconomicType != null) {
-      return this._focusArea(new IndustrialEconomicArea(industrialEconomicType, focusOptions.id), {
-        display: focusOptions.display,
-        padding: focusOptions.padding,
-      })
-    }
-
-    console.warn('Unsupported focus type:', focusOptions.type)
-    return null
-  }
-
-  _getIndustrialEconomicType(type) {
-    if (typeof type === 'number') {
-      const values = Object.values(IndustrialEconomicType)
-      return values.includes(type) ? type : null
-    }
-
-    if (typeof type !== 'string') {
-      return null
-    }
-
-    return FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE[type] || null
-  }
-
-  clear() {
-    if (this.currentSession) {
-      this.currentSession.destroy()
-      this.currentSession = null
-    }
-  }
-
-  _fitBounds(bounds, options) {
-    if (!this.mapView || typeof this.mapView.fitBounds !== 'function' || !bounds) {
-      return
-    }
-
-    this.mapView.fitBounds({
-      bounds: {
-        southWest: {
-          latitude: bounds.minLat,
-          longitude: bounds.minLng,
-        },
-        northEast: {
-          latitude: bounds.maxLat,
-          longitude: bounds.maxLng,
-        },
-      },
-      padding: options ? options.padding : undefined,
-    })
-  }
-
-  _getProvinceName(options) {
-    if (options == null || typeof options !== 'object') {
-      return null
-    }
-
-    if (typeof options.name === 'string') {
-      const name = options.name.trim()
-      return name.length > 0 ? name : null
-    }
-
-    const optionKeys = Object.keys(options)
-    const unsupportedKeys = optionKeys.filter((key) => key !== 'type' && key !== 'id' && key !== 'name' && key !== 'display' && key !== 'padding')
-
-    if (unsupportedKeys.length > 0) {
-      console.warn(
-        `[AreaFocusManager] focusProvince expects options like { type: 'province', name: 'Ha Noi', display: 'highlight' }. Unsupported keys: ${unsupportedKeys.join(', ')}`
-      )
-    }
-
-    return null
-  }
-
-  _getProvinceId(options) {
-    if (options == null || typeof options !== 'object') {
-      return null
-    }
-
-    return typeof options.id === 'number' ? options.id : null
-  }
-}
+import {AreaFocusSession} from './area/AreaFocusSession'
+import {ProvinceArea, IndustrialEconomicArea} from './area/AreaFocusAreas'
+import {IndustrialEconomicType} from './area/AreaFocusTypes'
+
+/**
+ * @typedef {'normal' | 'highlight'} FocusDisplay
+ */
+
+/**
+ * @typedef {{left?: number, right?: number, top?: number, bottom?: number}} FocusPadding
+ */
+
+/**
+ * @typedef {'province' | 'industrialZone' | 'economicZone' | 'ecoIndustrialZone' | 'freeTradeZone' | 'nonTariffZone' | 'otherZoneModel' | number} FocusType
+ */
+
+/**
+ * @typedef {Object} FocusOptions
+ * @property {FocusType} type
+ * @property {number=} id
+ * @property {string=} name
+ * @property {FocusDisplay=} display
+ * @property {FocusPadding=} padding
+ */
+
+const VIETNAM_MAINLAND_BOUNDS = {
+  minLat: 8.18,
+  minLng: 102.14,
+  maxLat: 23.4,
+  maxLng: 109.47,
+}
+
+const FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE = {
+  industrialZone: IndustrialEconomicType.INDUSTRIAL_ZONE,
+  economicZone: IndustrialEconomicType.ECONOMIC_ZONE,
+  ecoIndustrialZone: IndustrialEconomicType.ECO_INDUSTRIAL_ZONE,
+  freeTradeZone: IndustrialEconomicType.FREE_TRADE_ZONE,
+  nonTariffZone: IndustrialEconomicType.NON_TARIFF_ZONE,
+  otherZoneModel: IndustrialEconomicType.OTHER_ZONE_MODEL,
+}
+
+export class AreaFocusManager {
+  constructor(mapView) {
+    this.mapView = mapView
+    this.currentSession = null
+  }
+
+  async _focusArea(area, options) {
+    this.clear()
+
+    if (!area) {
+      return null
+    }
+
+    try {
+      if (!(await area.load())) {
+        return null
+      }
+
+      const focusOptions = {...(options || {})}
+      const bounds = area.getBounds() || VIETNAM_MAINLAND_BOUNDS
+
+      this._fitBounds(bounds, focusOptions)
+
+      this.currentSession = new AreaFocusSession(this.mapView, area, focusOptions)
+      this.currentSession.render()
+
+      return this.currentSession
+    }
+    catch (error) {
+      console.error('Cannot focus area:', error)
+      return null
+    }
+  }
+
+  async _focusProvince(options) {
+    const provinceId = this._getProvinceId(options)
+    const provinceName = this._getProvinceName(options)
+
+    if (provinceId == null && !provinceName) {
+      this.clear()
+      return null
+    }
+
+    const area = provinceId != null ? new ProvinceArea(provinceId) : ProvinceArea.fromName(provinceName)
+    const display = options && options.display === 'highlight' ? 'highlight' : 'normal'
+
+    return this._focusArea(area, {
+      display,
+      padding: options ? options.padding : undefined,
+    })
+  }
+
+  /**
+   * @param {FocusOptions | null | undefined} focusOptions
+   * @returns {Promise<AreaFocusSession | null>}
+   */
+  async focus(focusOptions) {
+    if (focusOptions == null) {
+      this.clear()
+      return null
+    }
+
+    if (focusOptions.type === 'province') {
+      return this._focusProvince(focusOptions)
+    }
+
+    if (focusOptions.id == null) {
+      console.warn('Focus options must include an id for non-province types:', focusOptions)
+      this.clear()
+      return null
+    }
+
+    const industrialEconomicType = this._getIndustrialEconomicType(focusOptions.type)
+
+    if (industrialEconomicType != null) {
+      return this._focusArea(new IndustrialEconomicArea(industrialEconomicType, focusOptions.id), {
+        display: focusOptions.display,
+        padding: focusOptions.padding,
+      })
+    }
+
+    console.warn('Unsupported focus type:', focusOptions.type)
+    return null
+  }
+
+  _getIndustrialEconomicType(type) {
+    if (typeof type === 'number') {
+      const values = Object.values(IndustrialEconomicType)
+      return values.includes(type) ? type : null
+    }
+
+    if (typeof type !== 'string') {
+      return null
+    }
+
+    return FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE[type] || null
+  }
+
+  clear() {
+    if (this.currentSession) {
+      this.currentSession.destroy()
+      this.currentSession = null
+    }
+  }
+
+  _fitBounds(bounds, options) {
+    if (!this.mapView || typeof this.mapView.fitBounds !== 'function' || !bounds) {
+      return
+    }
+
+    this.mapView.fitBounds({
+      bounds: {
+        southWest: {
+          latitude: bounds.minLat,
+          longitude: bounds.minLng,
+        },
+        northEast: {
+          latitude: bounds.maxLat,
+          longitude: bounds.maxLng,
+        },
+      },
+      padding: options ? options.padding : undefined,
+    })
+  }
+
+  _getProvinceName(options) {
+    if (options == null || typeof options !== 'object') {
+      return null
+    }
+
+    if (typeof options.name === 'string') {
+      const name = options.name.trim()
+      return name.length > 0 ? name : null
+    }
+
+    const optionKeys = Object.keys(options)
+    const unsupportedKeys = optionKeys.filter((key) => key !== 'type' && key !== 'id' && key !== 'name' && key !== 'display' && key !== 'padding')
+
+    if (unsupportedKeys.length > 0) {
+      console.warn(
+        `[AreaFocusManager] focusProvince expects options like { type: 'province', name: 'Ha Noi', display: 'highlight' }. Unsupported keys: ${unsupportedKeys.join(', ')}`
+      )
+    }
+
+    return null
+  }
+
+  _getProvinceId(options) {
+    if (options == null || typeof options !== 'object') {
+      return null
+    }
+
+    return typeof options.id === 'number' ? options.id : null
+  }
+}

package/src/components/extends/AreaFocuser.js

@@ -1,62 +1,62 @@
-export class AreaFocuser {
-
-  constructor(areaFocusManager) {
-    this._areaFocusManager = areaFocusManager
-  }
-
-  /**
-   * @param {{name?: string, highlight?: boolean}=} options
-   */
-  async focusProvince(options) {
-    const provinceName = this._getProvinceName(options)
-    const shouldHighlight = this._shouldHighlight(options)
-
-    if (!provinceName) {
-      this._clear()
-      return
-    }
-
-    if (this._areaFocusManager) {
-      await this._areaFocusManager.focus({
-        type: 'province',
-        name: provinceName,
-        display: shouldHighlight ? 'highlight' : 'normal',
-      })
-    }
-  }
-
-  _clear() {
-    if (this._areaFocusManager) {
-      this._areaFocusManager.clear()
-    }
-  }
-
-  _getProvinceName(options) {
-    if (options == null || typeof options !== 'object') {
-      return null
-    }
-
-    if (typeof options.name === 'string') {
-      return options.name.trim()
-    }
-
-    const optionKeys = Object.keys(options)
-    const unsupportedKeys = optionKeys.filter((key) => key !== 'name' && key !== 'highlight')
-
-    if (unsupportedKeys.length > 0) {
-      console.warn(
-        `[AreaFocuser] focusProvince expects options like { name: 'Ha Noi', highlight: true }. Unsupported keys: ${unsupportedKeys.join(', ')}`
-      )
-    }
-
-    return null
-  }
-
-  _shouldHighlight(options) {
-    if (options == null || typeof options !== 'object') {
-      return false
-    }
-
-    return options.highlight === true
-  }
+export class AreaFocuser {
+
+  constructor(areaFocusManager) {
+    this._areaFocusManager = areaFocusManager
+  }
+
+  /**
+   * @param {{name?: string, highlight?: boolean}=} options
+   */
+  async focusProvince(options) {
+    const provinceName = this._getProvinceName(options)
+    const shouldHighlight = this._shouldHighlight(options)
+
+    if (!provinceName) {
+      this._clear()
+      return
+    }
+
+    if (this._areaFocusManager) {
+      await this._areaFocusManager.focus({
+        type: 'province',
+        name: provinceName,
+        display: shouldHighlight ? 'highlight' : 'normal',
+      })
+    }
+  }
+
+  _clear() {
+    if (this._areaFocusManager) {
+      this._areaFocusManager.clear()
+    }
+  }
+
+  _getProvinceName(options) {
+    if (options == null || typeof options !== 'object') {
+      return null
+    }
+
+    if (typeof options.name === 'string') {
+      return options.name.trim()
+    }
+
+    const optionKeys = Object.keys(options)
+    const unsupportedKeys = optionKeys.filter((key) => key !== 'name' && key !== 'highlight')
+
+    if (unsupportedKeys.length > 0) {
+      console.warn(
+        `[AreaFocuser] focusProvince expects options like { name: 'Ha Noi', highlight: true }. Unsupported keys: ${unsupportedKeys.join(', ')}`
+      )
+    }
+
+    return null
+  }
+
+  _shouldHighlight(options) {
+    if (options == null || typeof options !== 'object') {
+      return false
+    }
+
+    return options.highlight === true
+  }
 }