diff --git a/mobile-app/app/(tabs)/maps.native.tsx b/mobile-app/app/(tabs)/maps.native.tsx index 895bf74..6dc232d 100644 --- a/mobile-app/app/(tabs)/maps.native.tsx +++ b/mobile-app/app/(tabs)/maps.native.tsx @@ -1,7 +1,7 @@ import React from "react"; import { View, StyleSheet, Dimensions } from "react-native"; // @ts-ignore - react-native-maps has TypeScript compatibility issues with strict mode -import MapView, { Marker, Polyline } from "react-native-maps"; +import MapView, { UrlTile, Marker, Polyline } from "react-native-maps"; // Sample coordinates for the route const tokyoTower = { @@ -38,6 +38,13 @@ export default function MapsScreen() { return ( + {/* OpenStreetMap tile layer */} + + {/* Markers for each location */} - This feature uses react-native-maps which requires iOS or Android. + This feature uses OpenStreetMap with react-native-maps which requires + iOS or Android. Sample route: Tokyo Tower → Convenience Store 1 → Convenience Store 2 →