onDrag fix (#9)

Author: olivia-stannah

examples/sdk-react-next/src/components/TransitDirections.tsx

@@ -75,11 +75,11 @@ const TransitDirections: NextPage = () => {
 
   const onRouteClick = (route: Route) => setSelectedRoute(route)
 
-  const onMarkerDrag = (e: google.maps.MapMouseEvent, markerIndex: number) => {
+  const onMarkerDrag = (coords: Array<number>, markerIndex: number) => {
     if (markerIndex === 0) {
-      setStart(e.target.value)
+      setStart(coords)
     } else {
-      setEnd(e.target.value)
+      setEnd(coords)
     }
   }
 

examples/sdk-react-next/src/components/TransitDirectionsV1.tsx

@@ -43,11 +43,11 @@ const TransitDirections: NextPage = () => {
 
   const onRouteClick = (route: Route) => setSelectedRoute(route)
 
-  const onMarkerDrag = (e: google.maps.MapMouseEvent, markerIndex: number) => {
+  const onMarkerDrag = (coords: Array<number>, markerIndex: number) => {
     if (markerIndex === 0) {
-      setStart(e.target.value)
+      setStart(coords)
     } else {
-      setEnd(e.target.value)
+      setEnd(coords)
     }
   }
 

examples/sdk-react-next/src/components/map/Map.tsx

@@ -11,8 +11,8 @@ const Map: React.FC<{
   routes: Array<Route>
   selectedRoute: Route
   loadingRoutes: boolean
-  onMapClick: (e: google.maps.MapMouseEvent) => void
-  onMarkerDrag: (e: google.maps.MapMouseEvent, markerIndex: number) => void
+  onMapClick: (coords: Array<number>) => void
+  onMarkerDrag: (coords: Array<number>, markerIndex: number) => void
 }> = ({
   start,
   end,
@@ -33,13 +33,13 @@ const Map: React.FC<{
         key={0}
         position={{ lat: start[0], lng: start[1] }}
         draggable={true}
-        onDrag={(e: google.maps.MapMouseEvent) => onMarkerDrag(e, 0)}
+        onDrag={(coords: Array<number>) => onMarkerDrag(coords, 0)}
       />
       <EndMarker
         key={1}
         position={{ lat: end[0], lng: end[1] }}
         draggable={true}
-        onDrag={(e: google.maps.MapMouseEvent) => onMarkerDrag(e, 1)}
+        onDrag={(coords: Array<number>) => onMarkerDrag(coords, 1)}
       />
       {routes?.length && (
         <MapRoutes routes={routes} selectedRoute={selectedRoute} />