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

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2021 IOTLink
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2021 IOTLink
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,133 +1,191 @@
-# react-native-map4d-map-dtqg
-
-Map4dMap DTQG SDK for React Native
-
-## Installation
-
-```sh
-npm install react-native-map4d-map-dtqg
-```
-
-## Usage
-
-```javascript
-import {MFMapView} from 'react-native-map4d-map-dtqg';
-import React from 'react';
-import {
-  SafeAreaView,
-  StyleSheet
-} from 'react-native';
-
-function App() {
-  return (
-    <>
-      <SafeAreaView style={styles.safeView}>
-        <MFMapView style={styles.container}/>
-      </SafeAreaView>
-    </>
-  );
-};
-
-const styles = StyleSheet.create({
-  safeView: {
-    flex: 1,
-  },
-  container: {
-    flex: 1,
-  },
-});
-
-export default App;
-```
-
-## AreaFocus usage
-
-```javascript
-import {MFMapView} from 'react-native-map4d-map-dtqg';
-import React, {useRef} from 'react';
-import {Button, SafeAreaView} from 'react-native';
-
-function App() {
-  const mapRef = useRef(null);
-
-  const onFocusProvinceByName = async () => {
-    const mapView = mapRef.current;
-    if (!mapView) return;
-
-    await mapView.focusArea({
-      type: 'province',
-      name: 'Ha Noi',
-      display: 'highlight',
-    });
-  };
-
-  const onFocusProvinceById = async () => {
-    const mapView = mapRef.current;
-    if (!mapView) return;
-
-    await mapView.focusArea({
-      type: 'province',
-      id: 30,
-      display: 'normal',
-    });
-  };
-
-  const onFocusIndustrial = async () => {
-    const mapView = mapRef.current;
-    if (!mapView) return;
-
-    await mapView.focusArea({
-      type: 'industrialZone',
-      id: 2,
-      display: 'normal',
-    });
-  };
-
-  const onFocusEconomic = async () => {
-    const mapView = mapRef.current;
-    if (!mapView) return;
-
-    await mapView.focusArea({
-      type: 'economicZone',
-      id: 2,
-      display: 'highlight',
-    });
-  };
-
-  const onClear = async () => {
-    const mapView = mapRef.current;
-    if (!mapView) return;
-
-    mapView.clearFocusedArea();
-  };
-
-  return (
-    <SafeAreaView style={{flex: 1}}>
-      <Button title="Province (name) highlight" onPress={onFocusProvinceByName} />
-      <Button title="Province (id)" onPress={onFocusProvinceById} />
-      <Button title="Industrial" onPress={onFocusIndustrial} />
-      <Button title="Economic highlight" onPress={onFocusEconomic} />
-      <Button title="Clear" onPress={onClear} />
-      <MFMapView style={{flex: 1}} ref={mapRef} />
-    </SafeAreaView>
-  );
-}
-```
-
-`focusArea(focusOptions)` options:
-- `focusOptions.type`: required, accepts string or numeric type:
-  - Province: `'province'`
-  - Industrial/economic aliases: `'industrialZone' | 'economicZone' | 'ecoIndustrialZone' | 'freeTradeZone' | 'nonTariffZone' | 'otherZoneModel'`
-- `focusOptions.id`: optional for province, required for industrial/economic types
-- `focusOptions.name`: optional province name (used when province `id` is not provided)
-- `focusOptions.display`: `'normal' | 'highlight'` (default `'normal'`)
-- `focusOptions.padding`: optional camera padding `{left, right, top, bottom}`
-
-Examples:
-- `focusArea({ type: 'province', name: 'Ha Noi' })`
-- `focusArea({ type: 'province', id: 1, display: 'highlight' })`
-- `focusArea({ type: 'industrialZone', id: 2, display: 'normal', padding: { top: 80, right: 0, bottom: 0, left: 80 } })`
-- `focusArea({ type: 'economicZone', id: 2, display: 'highlight' })`
-- `focusArea({ type: 'freeTradeZone', id: 10 })`
-- `focusArea({ type: IndustrialEconomicType.NON_TARIFF_ZONE, id: 11 })`
-- `clearFocusedArea()` to clear current focus
+# react-native-map4d-map-dtqg
+
+Map4dMap DTQG SDK for React Native
+
+## Installation
+
+```sh
+npm install react-native-map4d-map-dtqg
+```
+
+## TurboModule compatibility
+
+This library supports React Native New Architecture module resolution for `Map4dMap` by using `TurboModuleRegistry` with automatic fallback to `NativeModules`.
+
+The package now also includes a TurboModule codegen spec (`src/specs/NativeMap4dMap.js`) and `codegenConfig` in `package.json` so React Native apps can generate module bindings in New Architecture builds.
+
+What this means:
+- On React Native apps with New Architecture enabled, map native module lookup works with TurboModule resolution.
+- On older React Native versions, the library keeps using legacy bridge resolution.
+- No public JavaScript API changes are required for existing apps.
+- Native `Map4dMap` APIs (`getCamera`, `getBounds`, `getMyLocation`, `pointForCoordinate`, `coordinateForPoint`, `cameraForBounds`) are implemented in both Android and iOS modules to align with the TurboModule spec.
+
+## Usage
+
+```javascript
+import {MFMapView} from 'react-native-map4d-map-dtqg';
+import React from 'react';
+import {
+  SafeAreaView,
+  StyleSheet
+} from 'react-native';
+
+function App() {
+  return (
+    <>
+      <SafeAreaView style={styles.safeView}>
+        <MFMapView style={styles.container}/>
+      </SafeAreaView>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  safeView: {
+    flex: 1,
+  },
+  container: {
+    flex: 1,
+  },
+});
+
+export default App;
+```
+
+## AreaFocus usage
+
+```javascript
+import {MFMapView} from 'react-native-map4d-map-dtqg';
+import React, {useRef} from 'react';
+import {Button, SafeAreaView} from 'react-native';
+
+function App() {
+  const mapRef = useRef(null);
+
+  const onFocusProvinceByName = async () => {
+    const mapView = mapRef.current;
+    if (!mapView) return;
+
+    await mapView.focusArea({
+      type: 'province',
+      name: 'Ha Noi',
+      display: 'highlight',
+    });
+  };
+
+  const onFocusProvinceById = async () => {
+    const mapView = mapRef.current;
+    if (!mapView) return;
+
+    await mapView.focusArea({
+      type: 'province',
+      id: 30,
+      display: 'normal',
+    });
+  };
+
+  const onFocusIndustrial = async () => {
+    const mapView = mapRef.current;
+    if (!mapView) return;
+
+    await mapView.focusArea({
+      type: 'industrialZone',
+      id: 2,
+      display: 'normal',
+    });
+  };
+
+  const onFocusEconomic = async () => {
+    const mapView = mapRef.current;
+    if (!mapView) return;
+
+    await mapView.focusArea({
+      type: 'economicZone',
+      id: 2,
+      display: 'highlight',
+    });
+  };
+
+  const onClear = async () => {
+    const mapView = mapRef.current;
+    if (!mapView) return;
+
+    mapView.clearFocusedArea();
+  };
+
+  return (
+    <SafeAreaView style={{flex: 1}}>
+      <Button title="Province (name) highlight" onPress={onFocusProvinceByName} />
+      <Button title="Province (id)" onPress={onFocusProvinceById} />
+      <Button title="Industrial" onPress={onFocusIndustrial} />
+      <Button title="Economic highlight" onPress={onFocusEconomic} />
+      <Button title="Clear" onPress={onClear} />
+      <MFMapView style={{flex: 1}} ref={mapRef} />
+    </SafeAreaView>
+  );
+}
+```
+
+`focusArea(focusOptions)` options:
+- `focusOptions.type`: required, accepts string or numeric type:
+  - Province: `'province'`
+  - Industrial/economic aliases: `'industrialZone' | 'economicZone' | 'ecoIndustrialZone' | 'freeTradeZone' | 'nonTariffZone' | 'otherZoneModel'`
+- `focusOptions.id`: optional for province, required for industrial/economic types
+- `focusOptions.name`: optional province name (used when province `id` is not provided)
+- `focusOptions.display`: `'normal' | 'highlight'` (default `'normal'`)
+- `focusOptions.padding`: optional camera padding `{left, right, top, bottom}`
+
+Examples:
+- `focusArea({ type: 'province', name: 'Ha Noi' })`
+- `focusArea({ type: 'province', id: 1, display: 'highlight' })`
+- `focusArea({ type: 'industrialZone', id: 2, display: 'normal', padding: { top: 80, right: 0, bottom: 0, left: 80 } })`
+- `focusArea({ type: 'economicZone', id: 2, display: 'highlight' })`
+- `focusArea({ type: 'freeTradeZone', id: 10 })`
+- `focusArea({ type: IndustrialEconomicType.NON_TARIFF_ZONE, id: 11 })`
+- `clearFocusedArea()` to clear current focus
+
+## MFBanDoSo usage
+
+`MFBanDoSo` extends `MFMapView`. It fetches a category config from a fixed internal URL, lets the user toggle which categories are shown, and syncs the resulting GeoJSON style to the map against a fixed internal vector tile source. Both URLs are internal to the SDK (only the `/staging` path segment can be toggled via `isStaging`) and are not otherwise configurable via props. It renders its own layer-selector and legend UI on top of the map — there is no prop to disable or reposition this UI.
+
+```javascript
+import {MFBanDoSo} from 'react-native-map4d-map-dtqg';
+import React from 'react';
+import {SafeAreaView, StyleSheet} from 'react-native';
+
+const INITIAL_CAMERA = {
+  center: {latitude: 16.157436, longitude: 106.243699},
+  zoom: 6,
+  bearing: 0,
+  tilt: 0,
+};
+
+function App() {
+  const onDataSourceFeaturePress = async (e) => {
+    console.log('Press Data Source Feature:', e.nativeEvent);
+  };
+
+  return (
+    <SafeAreaView style={styles.safeView}>
+      <MFBanDoSo
+        style={styles.container}
+        camera={INITIAL_CAMERA}
+        mapType="roadmap"
+        onDataSourceFeaturePress={onDataSourceFeaturePress}
+      />
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  safeView: {flex: 1},
+  container: {flex: 1},
+});
+
+export default App;
+```
+
+Props:
+- `isStaging`: optional `boolean`, default `true`. Selects between the staging and production API for both the category config and vector tile source (toggles the `/staging` path segment on the fixed internal host). Pass `isStaging={false}` to use production.
+- Otherwise no `MFBanDoSo`-specific props — the category config URL and vector tile source URL are fixed internally by the SDK.
+- All `MFMapView` props (`camera`, `mapType`, `mapStyle`, `onDataSourceFeaturePress`, etc.) and children (e.g. `MFBuilding`, `MFMarker`) are supported the same way as on `MFMapView`.

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Fri Jul 24 08:41:46 ICT 2026
+gradle.version=9.2.0

package/android/build.gradle

@@ -1,60 +1,60 @@
-buildscript {
-    if (project == rootProject) {
-        repositories {
-            google()
-            mavenCentral()
-        }
-
-        dependencies {
-            classpath 'com.android.tools.build:gradle:3.5.3'
-        }
-    }
-}
-
-apply plugin: 'com.android.library'
-
-def safeExtGet(prop, fallback) {
-    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
-}
-
-android {
-    compileSdkVersion safeExtGet('Map4dMap_compileSdkVersion', 30)
-    defaultConfig {
-        minSdkVersion safeExtGet('Map4dMap_minSdkVersion', 21)
-        targetSdkVersion safeExtGet('Map4dMap_targetSdkVersion', 30)
-        versionCode 1
-        versionName "1.0"
-
-    }
-
-    buildTypes {
-        release {
-            minifyEnabled false
-        }
-    }
-    lintOptions {
-        disable 'GradleCompatible'
-    }
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-}
-
-repositories {
-    mavenLocal()
-    maven {
-        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-        url("$rootDir/../node_modules/react-native/android")
-    }
-    google()
-    mavenCentral()
-}
-
-dependencies {
-    //noinspection GradleDynamicVersion
-    implementation "com.facebook.react:react-native:+"  // From node_modules
-    implementation 'vn.map4d:Map4dTypes:1.1.+'
-    implementation 'vn.map4d:Map4dMapDTQG:0.1.+'
-    implementation 'vn.map4d:Map4dMapUtils:0.0.+'
-}
+buildscript {
+    if (project == rootProject) {
+        repositories {
+            google()
+            mavenCentral()
+        }
+
+        dependencies {
+            classpath 'com.android.tools.build:gradle:3.5.3'
+        }
+    }
+}
+
+apply plugin: 'com.android.library'
+
+def safeExtGet(prop, fallback) {
+    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+}
+
+android {
+    compileSdkVersion safeExtGet('Map4dMap_compileSdkVersion', 33)
+    defaultConfig {
+        minSdkVersion safeExtGet('Map4dMap_minSdkVersion', 21)
+        targetSdkVersion safeExtGet('Map4dMap_targetSdkVersion', 33)
+        versionCode 1
+        versionName "1.0"
+
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+        }
+    }
+    lintOptions {
+        disable 'GradleCompatible'
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+}
+
+repositories {
+    mavenLocal()
+    maven {
+        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+        url("$rootDir/../node_modules/react-native/android")
+    }
+    google()
+    mavenCentral()
+}
+
+dependencies {
+    //noinspection GradleDynamicVersion
+    implementation "com.facebook.react:react-native:+"  // From node_modules
+    implementation 'vn.map4d:Map4dTypes:1.1.+'
+    implementation 'vn.map4d:Map4dMapDTQG:0.1.+'
+    implementation 'vn.map4d:Map4dMapUtils:0.0.+'
+}

package/android/src/main/AndroidManifest.xml

@@ -1,4 +1,4 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.reactnativemap4dmap">
-
-</manifest>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.reactnativemap4dmap">
+
+</manifest>