:: تعقب مواقع المستعملين مع خرائط مواقع التفاعل الوطنية والأماكن الجغرافية

عامل وقت الدوام

تحديد قيم واضحة هو نصف العمل فحسب، كما تحتاج إلى طلب الإذن في وقت التشغيل، لا سيما على أندرويد 6+ و 8+.

هنا خطاف ترخيص قابل لإعادة الاستخدام

import { PermissionsAndroid, Platform } from 'react-native';

const requestLocationPermission = async () => {
 if (Platform.OS === 'android') {
 const apiLevel = Platform.Version;
 if (apiLevel < 23) {
 // permissions granted automatically at install time
 return true;
 }
 const granted = await PermissionsAndroid.request(
 PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
 {
 title: 'Location Permission',
 message: 'This app needs access to your location.',
 buttonPositive: 'Grant',
 buttonNegative: 'Deny',
 }
 );
 return granted === PermissionsAndroid.RESULTS.GRANTED;
 }
 // iOS handles runtime permission via the Geolocation call itself
 return true;
};

اتصل بهذه المهمة قبل أي اتصال جغرافي، إذا انقطع المستخدم، اظهر رسالة ودية تشرح الأثر، ووفر زراً لفتح النظام، ولا تنهار أو تظهر خريطة فارغة

التنفيذ الأساسي: عرض المستعمل على خريطة

بعد إذنك، يمكنك بناء عنصر التتبع الرئيسي، الرمز التالي يطلب موقع المستخدم الحالي، ويضع منطقة الخريطة، ويسقط علامة، ويستكمل أيضاً المؤشر في الوقت الحقيقي باستخدام .

import React, { useState, useEffect, useRef } from 'react';
import { View, StyleSheet } from 'react-native';
import MapView, { Marker, PROVIDER_GOOGLE } from 'react-native-maps';
import Geolocation from '@react-native-community/geolocation';
import { requestLocationPermission } from './permission';

const LocationTracker = () => {
 const [region, setRegion] = useState(null);
 const [currentLocation, setCurrentLocation] = useState(null);
 const watchId = useRef(null);
 const mapRef = useRef(null);

 useEffect(() => {
 const initTracking = async () => {
 const hasPermission = await requestLocationPermission();
 if (!hasPermission) return;

 // Get the initial position immediately
 Geolocation.getCurrentPosition(
 (position) => {
 const { latitude, longitude } = position.coords;
 const initialRegion = {
 latitude,
 longitude,
 latitudeDelta: 0.01,
 longitudeDelta: 0.01,
 };
 setRegion(initialRegion);
 setCurrentLocation({ latitude, longitude });
 },
 (error) => {
 console.warn('Initial position error:', error.message);
 },
 { enableHighAccuracy: true, timeout: 15000, maximumAge: 10000 }
 );

 // Subscribe to continuous updates
 watchId.current = Geolocation.watchPosition(
 (position) => {
 const { latitude, longitude } = position.coords;
 setCurrentLocation({ latitude, longitude });
 // Optionally animate the map to follow the user
 mapRef.current?.animateToRegion({
 latitude,
 longitude,
 latitudeDelta: 0.01,
 longitudeDelta: 0.01,
 }, 500);
 },
 (error) => {
 console.warn('Watch position error:', error.message);
 },
 { enableHighAccuracy: true, distanceFilter: 10, interval: 5000 }
 );
 };

 initTracking();

 return () => {
 if (watchId.current !== null) {
 Geolocation.clearWatch(watchId.current);
 }
 };
 }, []);

 if (!region) {
 return ;
 }

 return (
 
 
 {currentLocation && (
 
 )}
 
 
 );
};

const styles = StyleSheet.create({
 container: { flex: 1 },
 map: { flex: 1 },
});

export default LocationTracker;

التفاصيل الرئيسية في هذا التنفيذ:

• distanceFilter: 10] "ndash; Only triggers a location update when the tool moves at least 10 meters. This saves bat and reduces network calls.
• interval: 5000] "ndash; Caps the update frequency to once every 5 seconds on Android. iOS ignores this but uses its own throtling.
• showsUserLocation ] "ndash; A built-in React Native Maps feature that displays a native system dot for the user's location, even without an explicit marker. It also handles the blue pulsing accuracy cycle.

بيانات الموقع الثابتة إلى التوجيه

Displaying the location on a map is useful, but the real value comes from storing and querying that data. In Directus, create a collection called locations with these fields:

• id] (auto-increment, primary key)
• user id] (string or relation to directus users)
• latitude] (float)
• longitude] (float)
• accuracy] (float, meters)
• Timestamp] (تاريخ، منشأ آلي)

ثم، داخل [FLT: 18] [استدعاء]، إرسال كل تحديث إلى المباشر:

import axios from 'axios';

const DIRECTUS_URL = 'https://your-directus-instance.com';
const DIRECTUS_TOKEN = 'your-static-token-or-dynamic-jwt';

const saveLocationToDirectus = async (coords) => {
 try {
 await axios.post(
 `${DIRECTUS_URL}/items/locations`,
 {
 latitude: coords.latitude,
 longitude: coords.longitude,
 accuracy: coords.accuracy,
 // user_id is typically pulled from auth context
 },
 {
 headers: {
 Authorization: `Bearer ${DIRECTUS_TOKEN}`,
 },
 }
 );
 } catch (error) {
 console.error('Failed to save location:', error.response?.data || error.message);
 }
};

تحديثات البطاطس إذا كنت تتوقع كتابة عالية التردد، يدعم مباشرة إنشاء عدة بنود في آن واحد عن طريق تمرير صفيفة إلى نقطة النهاية نفسها، وهذا يقلل من النفقات العامة للشبكة ويتجنب الحد من المعدلات.

Geofencing with React Native and Directus

(ج) إنَّ التصفيق الجيوفيزيائي هو القدرة على الكشف عن دخول المستخدم أو خروجه لحدّ جغرافي محدد سلفاً، ويمكن لمدير الشركة أن يخزن هذه التعاريف الحدودية، ويمكن أن يفحصها تطبيقك الخاص بشركة ريك إنديا في الواقع، وهذا النمط يُجيز الإخطارات مثل " إلدكو " ، ويُرحب بالمخزن، ويُعدُّ المخزن، أو " اللد كوو " ، وغادر موقع مكتبكم.

تخزين الجيوفينات في الإدارة

Create a collection called geofences] with the following fields:

• id] (مفتاح أولي)
• name] (string)
• latitude] (float)
• longitude] (float)
• radius] (الطنان، المتر)
• trigger on entry] (boolean)
• trigger on exit] (boolean)
• message] (text)

الجهة المختصة

في كل موقع آخر، أحضروا الجيوفنس النشطة من (نيو أورنس) وفحصوا المسافة بين الموقع الحالي وكل مركز سياج، يمكنك استخدام صيغة (هافرسين) أو تقريب بسيط:

const getDistanceFromLatLonInMeters = (lat1, lon1, lat2, lon2) => {
 const R = 6371000; // Earth's radius in meters
 const dLat = (lat2 - lat1) * Math.PI / 180;
 const dLon = (lon2 - lon1) * Math.PI / 180;
 const a =
 Math.sin(dLat / 2) * Math.sin(dLat / 2) +
 Math.cos(lat1 * Math.PI / 180) *
 Math.cos(lat2 * Math.PI / 180) *
 Math.sin(dLon / 2) *
 Math.sin(dLon / 2);
 const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
 return R * c;
};

const checkGeofences = async (currentCoords, geofences) => {
 for (const fence of geofences) {
 const distance = getDistanceFromLatLonInMeters(
 currentCoords.latitude,
 currentCoords.longitude,
 fence.latitude,
 fence.longitude
 );
 if (distance <= fence.radius) {
 return fence; // user is inside this geofence
 }
 }
 return null;
};

(أ) أن تُدرج قائمة الجيوفنس محلياً وتُعيدها دورياً بدلاً من أن تُدخل على كل تحديث للمواقع، وهذا يبقي على التطبيق مستجيباً ويقلل من حمولة الخواديم.

الأداء والقدر الأمثل للبطارية

إن تعقب الموقع هو أحد أكثر الملامح كثافة للبطارية على متن الهواتف المحمولة، وسيفكك المستعملون جهازا يستنفد هاتفهم، وبالتالي فإن الاستخدام الأمثل ليس اختياريا.

• Use distanceFilter] "ndash; Set it high enough to avoid jittery updates. For walking apps, 10 meters is a good baseline.
• Reduce location accuracy when possible] 'ndash; For features like 'ldquo;current city, rordquo; coarse location (network-based) is sufficient. Use fine (GPS) only when accuracy below 50 meters matters.
• Throttle network calls] "ndash; Buffer location points in memory and flush them to Directus every 30 seconds or every 100 points, whichever comes first.
• top watch when the app goes to background]ndash; unless your app has a legitimate background use case (navigation, fitness tracking), clear the watchId in the AppState change listener. iOS will terminated your app any however if it uses too much background energy.
• Use ] ] "ndash; Accept a cached location if it's recent enough. This avoidking the GPS equipment unnecessarily.

(آبل) و(غوغل) يقدمان أدوات تنوّه الطاقة، استخدما لبّوحة (إكسيد) للطاقة وتاريخ (أندرويد) للتفتيش على سلوك تطبيقك قبل الشحن.

حالات معالجة الأخطاء والطرق

خدمات الموقع غير موثوقة بشكل ملحوظ، وقد يحرم المستعملون من التصاريح، وطريقة الطائرات قد تكون موجودة، وجهاز تحديد المواقع قد يُغلق داخل المباني، وأجهزة أقدم يمكن أن تعيد بيانات غير دقيقة أو غير دقيقة بشكل كبير، وينبغي أن يتوقع جهازك كل سيناريو من هذه السيناريوهات.

• Permission denied] "ndash; show a non-blocking banner with a "ldquo; Open Settingsrdquo; blue. never force-quit the app.
• Location unavailable] "ndash; Display a message like "ldquo; Location temporarily unavailable, check your tool settings automatically.rdquo; Continue watch so the app recovers when the signal returns.
• Timeout] 'ndash; Retry up to three times with exponential backoff. If it still fails, fall back to coarse location or the last known position.
• Stale or cached data ] "ndash; Compare the timestamp of the returned position against .

Integrate a light weight logging service (or simply send errors to a Directus collection called location errors]) so you can monitor real-world failure rates and improve your logical iteratively.

اختبار الأجهزة عبر الأجهزة والمساراريو

(ب) المحركات مفيدة في سرعة تسرّب اليورانيوم، لكنها لا تستطيع محاكاة سلوك حقيقي في النظام العالمي لتحديد المواقع، وتختبر دائماً الأجهزة المادية في ظروف مختلفة: المشي، والسيارة، داخل المبنى، في النفق، والجهاز في طريقة توفير الطاقة، ويمكن أن يقوم مصممو المركبات بتصوير مواقع عن طريق الضوابط الموسّعة، ولكن لا يمكن للمحاكاة أن تجسّد النظام العالمي لتحديد المواقع على الإطلاق في مكتبة التوزيع الجغرافي([FL]).

وضع خطة اختبار تغطي هذه الحالات:

• الإنشاءات الجديدة والإذن للمرة الأولى
• رفض الإذن ثم منحه لاحقاً عبر البيئات
• حركة سريعة (تقود بسرعة عالية)
• جهاز محطة ذات دقة عالية (يُمكن أن ينتج مجموعة ضيقة من النقاط)
• الانتقال من مرحلة إلى أخرى (هل استعادت الخريطة آخر موقع معروف؟)

Privacy, Compliance, and User Trust

بيانات الموقع حساسة، قد يؤدي سوء التصرف إلى غرامات تنظيمية وفقدان ثقة المستعملين، ويعالجها بنفس الرعاية التي تُعامل بها كلمات السر أو المعلومات المالية.

• Transparency] "ndash; Explain exactly what location data you collect and why in your privacy policy. Link to it from the permission prompt.
• Data minimization] ' 'ash; ؛ جمع فقط مستوى الدقة الذي تحتاج إليه.
• Encryption] ' sash; Serve your Directus instance over HTTPS. Consider encrypting the ] collection fields at rest if your threat model demands it.
• User controls] 'ash; Provide an in-app dashboard where users can see their location history and delete individual points or eradicate the entire history. This builds trust and aligns with privacy regulations like GDPR and CCPA.

For more guidance on handling personal data in Directus, review the Directus Security Configuration Options].

المضي قدما: حالات الاستخدام المتطور

بمجرد أن تكون الأساسيات صلبة يمكنك أن تُطبق على ملامح أكثر تطوراً باستخدام نفس الأساس

تقاسم أماكن العمل في الوقت الحقيقي

استخدموا جهاز (جيروس) أو دعمه لبث تحديثات الموقع لمستخدمين آخرين، على سبيل المثال، برنامج التوصيل يمكن أن يظهر علامة الوصل على خريطة العميل،

محلل محلل قائم على أساس الموقع

(ج) بيانات تحديد المواقع الإجمالية في شركة Directus لتوليد أجهزة التدفئة، أو تقارير عن وقت الإقامة، أو أنماط الطرق الشعبية.() ويبين دليل التحليلات كيف يُبنى لوحات على أعلى بياناتك.