Merge branch 'missing-map-stuff' of https://github.com/nojaf/fable-react

Author: forki

src/Fable.ReactGoogleMaps/Fable.Helpers.ReactGoogleMaps.fs

@@ -55,7 +55,6 @@ type MapRef(mapRef) =
 
 module Props =
 
-
     type IInfoWindowProperties =
         interface end
 
@@ -99,6 +98,15 @@ module Props =
 
     type IMapProperties =
         interface end
+        
+    // https://developers.google.com/maps/documentation/javascript/reference/coordinates
+    type LatLng =
+        abstract member lat: unit -> float
+        abstract member lng: unit -> float
+        
+    // https://developers.google.com/maps/documentation/javascript/events#EventArguments
+    type GoogleMapsMouseEvent =
+        { latLng: LatLng }
 
     [<RequireQualifiedAccess>]
     type MapProperties =
@@ -114,9 +122,11 @@ module Props =
     | OnPlacesChanged of (Places.Place [] -> unit)
     | OnZoomChanged of (unit -> unit)
     | OnIdle of (unit -> unit)
-    | Markers of React.ReactElement
+    | OnClick of (GoogleMapsMouseEvent -> unit)
+    | Markers of React.ReactElement list
     | MapLoadingContainer of string
     | MapContainer of string
+    | Options of obj
         interface IMapProperties
 let InfoWindow: RCom = import "InfoWindow" "react-google-maps"
 

src/Fable.ReactGoogleMaps/mapComponent.js

@@ -47,7 +47,9 @@ const TrafficMapComponent = withScriptjs(withGoogleMap((props) => {
           onZoomChanged : props.onZoomChanged,
           onIdle : props.onIdle,
           defaultCenter : props.defaultCenter,
+          onClick: props.onClick,
           center : props.center,
+          options: props.options,
           ref : props.onMapMounted },
         childs))
 }));
@@ -84,7 +86,8 @@ export class GoogleMapComponent extends React.PureComponent {
             searchBoxText: this.props.searchBoxText,
             showSearchBox: this.props.showSearchBox,
             showTrafficLayer: this.props.showTrafficLayer,
-            center: this.props.center,
+            center: this.props.center, 
+            options: this.props.options,
             onPlacesChanged: () => {
                 this.props.onPlacesChanged(this.searchBoxRef.getPlaces())
             },
@@ -97,7 +100,8 @@ export class GoogleMapComponent extends React.PureComponent {
             onMarkerClick: () => {
                 this.setState({ isMarkerShown: false })
                 this.delayedShowMarker()
-            },
+            }, 
+            onClick: this.props.onClick,
             googleMapURL: "https://maps.googleapis.com/maps/api/js?key=" + this.props.apiKey + "&v=3.exp&libraries=geometry,drawing,places",
             loadingElement: loading,
             containerElement: container,