show my location on the map

js/pages/FoodMap.js

@@ -1,15 +1,16 @@
 // @flow
 import React from 'react';
-import { View } from 'react-native';
+import { View, Image } from 'react-native';
 import typeof FoodItemRecord from '../records/FoodItemRecord';
 import { withFoodItems } from '../enhancers/foodItemEnhancers';
 import { withLocation } from '../enhancers/locationEnhancers';
 import { compose, renderComponent, withState, withProps } from 'recompose';
 import { Map } from 'immutable';
-import MapView from 'react-native-maps';
+import MapView, { Marker } from 'react-native-maps';
 import { routeWithTitle } from '../helpers/RouteHelpers';
 import FoodItemTile from '../components/FoodItemTile';
 import { getZoomBox } from '../helpers/CoordinatesHelpers';
+import LOCATION_DOT from '../../static/location-dot.png';
 
 type Region = {
 	latitude: number,
@@ -23,14 +24,22 @@ type Props = {
 	location: Location,
 	initialRegion: Region,
 	region: Region,
-	onRegionChange: Region => void,
+	onRegionChange: (Region) => void,
 	pushRoute: () => {},
 };
 
-const FoodMap = ({ foodItemsMap, region, onRegionChange, pushRoute, initialRegion }: Props) => {
+const FoodMap = ({
+	foodItemsMap,
+	region,
+	onRegionChange,
+	pushRoute,
+	initialRegion,
+	location,
+}: Props) => {
 	if (!foodItemsMap) {
 		return null;
 	}
+
 	return (
 		<View style={{ flex: 1 }}>
 			<MapView
@@ -57,6 +66,11 @@ const FoodMap = ({ foodItemsMap, region, onRegionChange, pushRoute, initialRegio
 						);
 					})
 					.toList()}
+				<Marker coordinate={location.coords}>
+					<View>
+						<Image source={LOCATION_DOT} style={{ height: 24, width: 24 }} resizeMode="contain" />
+					</View>
+				</Marker>
 			</MapView>
 		</View>
 	);