Lat Long Path

Author: devyfs

.eslintcache

@@ -1 +1 @@
-[{"D:\\ultimateakash\\react-google-maps\\src\\index.js":"1","D:\\ultimateakash\\react-google-maps\\src\\App.js":"2","D:\\ultimateakash\\react-google-maps\\src\\reportWebVitals.js":"3","D:\\ultimateakash\\react-google-maps\\src\\components\\map.component.jsx":"4"},{"size":500,"mtime":499162500000,"results":"5","hashOfConfig":"6"},{"size":251,"mtime":1649183518322,"results":"7","hashOfConfig":"6"},{"size":362,"mtime":499162500000,"results":"8","hashOfConfig":"6"},{"size":2682,"mtime":1649523574141,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"sbnwr8",{"filePath":"13","messages":"14","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},{"filePath":"15","messages":"16","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},{"filePath":"17","messages":"18","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"D:\\ultimateakash\\react-google-maps\\src\\index.js",[],["19","20"],"D:\\ultimateakash\\react-google-maps\\src\\App.js",[],"D:\\ultimateakash\\react-google-maps\\src\\reportWebVitals.js",[],"D:\\ultimateakash\\react-google-maps\\src\\components\\map.component.jsx",["21"],{"ruleId":"22","replacedBy":"23"},{"ruleId":"24","replacedBy":"25"},{"ruleId":"26","severity":1,"message":"27","line":33,"column":21,"nodeType":"28","messageId":"29","endLine":33,"endColumn":31},"no-native-reassign",["30"],"no-negated-in-lhs",["31"],"no-unused-vars","'setMarkers' is assigned a value but never used.","Identifier","unusedVar","no-global-assign","no-unsafe-negation"]
+[{"D:\\ultimateakash\\react-google-maps\\src\\index.js":"1","D:\\ultimateakash\\react-google-maps\\src\\App.js":"2","D:\\ultimateakash\\react-google-maps\\src\\reportWebVitals.js":"3","D:\\ultimateakash\\react-google-maps\\src\\components\\map.component.jsx":"4"},{"size":500,"mtime":499162500000,"results":"5","hashOfConfig":"6"},{"size":251,"mtime":1649183518322,"results":"7","hashOfConfig":"6"},{"size":362,"mtime":499162500000,"results":"8","hashOfConfig":"6"},{"size":2771,"mtime":1654270590629,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"88kbie",{"filePath":"12","messages":"13","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"D:\\ultimateakash\\react-google-maps\\src\\index.js",[],"D:\\ultimateakash\\react-google-maps\\src\\App.js",[],"D:\\ultimateakash\\react-google-maps\\src\\reportWebVitals.js",[],"D:\\ultimateakash\\react-google-maps\\src\\components\\map.component.jsx",["18"],{"ruleId":"19","severity":1,"message":"20","line":33,"column":21,"nodeType":"21","messageId":"22","endLine":33,"endColumn":31},"no-unused-vars","'setMarkers' is assigned a value but never used.","Identifier","unusedVar"]

src/components/map.component.jsx

@@ -46,13 +46,15 @@ const MapComponent = () => {
         console.log(event.latLng.lat(), event.latLng.lng()) 
     }
 
-    const markerClicked = (marker, index) => {  
-        setActiveInfoWindow(index)
-        console.log(marker, index)
+    const markerClicked = (event, index) => {  
+        setActiveInfoWindow(index) 
+        console.log(event.latLng.lat())
+        console.log(event.latLng.lng())
     }
 
-    const markerDragEnd = (marker, index) => { 
-        console.log(marker, index)
+    const markerDragEnd = (event, index) => { 
+        console.log(event.latLng.lat())
+        console.log(event.latLng.lng())
     }
 
     return (
@@ -69,8 +71,8 @@ const MapComponent = () => {
                         position={marker.position}
                         label={marker.label}
                         draggable={marker.draggable}
-                        onDragEnd={event => markerDragEnd(marker, index)}
-                        onClick={event => markerClicked(marker, index)} 
+                        onDragEnd={event => markerDragEnd(event, index)}
+                        onClick={event => markerClicked(event, index)} 
                     >
                         {
                             (activeInfoWindow === index)