diff --git a/js/pages/FoodMap.js b/js/pages/FoodMap.js index 45cb89e..1060f09 100644 --- a/js/pages/FoodMap.js +++ b/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 ( + + + + ); diff --git a/static/location-dot.png b/static/location-dot.png new file mode 100644 index 0000000..405d787 Binary files /dev/null and b/static/location-dot.png differ diff --git a/static/location-dot@2x.png b/static/location-dot@2x.png new file mode 100644 index 0000000..16fb7b1 Binary files /dev/null and b/static/location-dot@2x.png differ diff --git a/static/location-dot@3x.png b/static/location-dot@3x.png new file mode 100644 index 0000000..b1cb4a6 Binary files /dev/null and b/static/location-dot@3x.png differ