src/navigation/MainNavigator.js

@@ -111,7 +111,7 @@ function MainStackComponent(props: { createTabNavigator: () => React.Node }) {
                 name="map"
                 component={MapScreen}
                 options={{
-                    title: i18n.t('screens.map'),
+                    title: "MAP", // TODO translate
                 }}
             />
 

src/screens/Services/MapScreen.js

@@ -12,41 +12,26 @@ type Props = {
     theme: CustomTheme,
 }
 
-type State = {
+MapboxGL.setAccessToken("sk.eyJ1IjoiYW1pY2FsZS1pbnNhdCIsImEiOiJja2JpM212Z3QwYmxmMnhsc3RxZWYza2Q5In0.og84RKRa6-vr3qRA1qU9Aw");
-    featureCollection: Array<Object>,
-}
 
-MapboxGL.setAccessToken("pk.eyJ1IjoiYW1pY2FsZS1pbnNhdCIsImEiOiJja2JpM2d5OHYwYmdiMndxdnV4bmh6bGFwIn0.qiOwbs2_HRaQGUOpBDjbsQ");
+const layerStyles = {
-
+    smileyFace: {
-// const styles = {
+        fillAntialias: true,
-//     icon: {
+        fillColor: 'white',
-//         iconImage: exampleIcon,
+        fillOutlineColor: 'rgba(255, 255, 255, 0.84)',
-//         iconAllowOverlap: true,
+    },
-//     },
+};
-// };
-
-// const FEATURES = [{
-//     type: 'Feature',
-//     geometry: {
-//         type: 'Point',
-//         coordinates: [1.4669608, 43.5698867],
-//     }
-// }]
 
 /**
  * Class defining the app's map screen.
  */
-class MapScreen extends React.Component<Props, State> {
+class MapScreen extends React.Component<Props> {
 
-    map: { current: null | MapboxGL.MapView };
+    map : { current: null | MapboxGL.MapView };
 
     constructor() {
         super();
         this.map = React.createRef();
-
-        this.state = {
-            featureCollection: [],
-        };
     }
 
     componentDidMount() {
@@ -54,47 +39,23 @@ class MapScreen extends React.Component<Props, State> {
 
     }
 
-    // onSymbolPress = (feature) => {
-    //     console.log("coucou");
-    // }
-    //
-    //
-    // onSourceLayerPress = ({features, coordinates, point}) => {
-    //     console.log(
-    //         'You pressed a layer here are your features:',
-    //         features,
-    //         coordinates,
-    //         point,
-    //     );
-    // }
-
     render() {
         return (
             <View style={{flex: 1}}>
                 <MapboxGL.MapView
                     style={{flex: 1}}
-                    ref={this.map}
                     styleURL={MapboxGL.StyleURL.Outdoors}
+                    ref={this.map}
                     surfaceView={true}
-                    onPress={(e) => {
+                    onPress={async () => {
-                        console.log(e)
+                        const center = await this.map.current.getCenter();
+                        console.log(center);
                     }}
                 >
                     <MapboxGL.Camera
                         zoomLevel={15}
                         centerCoordinate={[1.4669608, 43.5698867]}
-                        pitch={30}
                     />
-                    {/*<MapboxGL.ShapeSource*/}
-                    {/*    id="symbolLocationSource"*/}
-                    {/*    shape={{ type: 'FeatureCollection', features: FEATURES }}*/}
-                    {/*>*/}
-                    {/*    <MapboxGL.SymbolLayer*/}
-                    {/*        id="symbolLocationSymbols"*/}
-                    {/*        minZoomLevel={15}*/}
-                    {/*        style={styles.icon}*/}
-                    {/*    />*/}
-                    {/*</MapboxGL.ShapeSource>*/}
                 </MapboxGL.MapView>
             </View>
         );

src/screens/Services/ServicesScreen.js

@@ -31,7 +31,6 @@ const WIKETUD_IMAGE = "https://etud.insa-toulouse.fr/~amicale_app/images/Wiketud
 const EE_IMAGE = "https://etud.insa-toulouse.fr/~amicale_app/images/EEC.png";
 const TUTORINSA_IMAGE = "https://etud.insa-toulouse.fr/~amicale_app/images/TutorINSA.png";
 
-const MAP_IMAGE = "https://etud.insa-toulouse.fr/~amicale_app/images/Map.png";
 const BIB_IMAGE = "https://etud.insa-toulouse.fr/~amicale_app/images/Bib.png";
 const RU_IMAGE = "https://etud.insa-toulouse.fr/~amicale_app/images/RU.png";
 const ROOM_IMAGE = "https://etud.insa-toulouse.fr/~amicale_app/images/Salles.png";
@@ -123,9 +122,9 @@ class ServicesScreen extends React.Component<Props, State> {
         ];
         this.insaDataset = [
             {
-                title: i18n.t('screens.map'),
+                title: "MAP", // TODO translate
                 subtitle: "MAP",
-                image: MAP_IMAGE,
+                image: RU_IMAGE,
                 onPress: () => nav.navigate("map"),
             },
             {

translations/en.json

@@ -25,8 +25,7 @@
     "profile": "Profile",
     "vote": "Elections",
     "scanner": "Scanotron 3000",
-    "feedback": "Feedback",
+    "feedback": "Feedback"
-    "map": "Campus Map"
   },
   "intro": {
     "slideMain": {

translations/fr.json

@@ -25,8 +25,7 @@
     "profile": "Profil",
     "vote": "Élections",
     "scanner": "Scanotron 3000",
-    "feedback": "Votre avis",
+    "feedback": "Votre avis"
-    "map": "Carte du campus"
   },
   "intro": {
     "slideMain": {