From 6920ef7e0f73236d15acc968ff71298e569b4bf4 Mon Sep 17 00:00:00 2001 From: Bart Akeley Date: Sun, 5 Apr 2020 20:32:30 -0500 Subject: [PATCH] show my location on the map --- js/pages/FoodMap.js | 22 ++++++++++++++++++---- static/location-dot.png | Bin 0 -> 1884 bytes static/location-dot@2x.png | Bin 0 -> 2972 bytes static/location-dot@3x.png | Bin 0 -> 4030 bytes 4 files changed, 18 insertions(+), 4 deletions(-) create mode 100644 static/location-dot.png create mode 100644 static/location-dot@2x.png create mode 100644 static/location-dot@3x.png 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 0000000000000000000000000000000000000000..405d78765d54209e787513e9ba66a998cfa21883 GIT binary patch literal 1884 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 literal 0 HcmV?d00001