MapView panning fix + onPress (47) (#745)

* Added onPress to mapview

* Added api keys to mapview examples

* Convert MapView to a functional component and memoize

Author: YoussefHenna

example/src/MapViewDataDrivenExample.js

@@ -28,7 +28,7 @@ const MapViewDataDrivenExample = ({ theme }) => {
         latitude={33.8303}
         longitude={-116.524}
         zoom={12}
-        apiKey={"AIzaSyC53v7BvSuA1yv7Hwf1rC_9kpHMmmYJJhU"}
+        apiKey="AIzaSyBSM2NJ9iJkilKzWcZcCHklTSfZNewGIl4"
         markersData={data}
         keyExtractor={(item) => item.id}
         renderItem={({ item }) => (

example/src/MapViewExample.js

@@ -17,6 +17,7 @@ const MapViewExample = ({ theme }) => {
     <View style={styles.container}>
       <MapView
         ref={mapRef}
+        apiKey="AIzaSyBSM2NJ9iJkilKzWcZcCHklTSfZNewGIl4"
         showsCompass={true}
         style={styles.map}
         latitude={43.741895}

packages/maps/package.json

@@ -41,6 +41,7 @@
   "dependencies": {
     "@draftbit/ui": "47.7.2",
     "@teovilla/react-native-web-maps": "^0.9.1",
+    "lodash.isequal": "^4.5.0",
     "react-native-maps": "1.3.2"
   },
   "eslintIgnore": [
@@ -60,5 +61,8 @@
       "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)"
     ],
     "testEnvironment": "node"
+  },
+  "devDependencies": {
+    "@types/lodash.isequal": "^4.5.6"
   }
 }