File tree Expand file tree Collapse file tree 1 file changed +13
-0
lines changed
src/Fable.ReactGoogleMaps Expand file tree Collapse file tree 1 file changed +13
-0
lines changed Original file line number Diff line number Diff line change @@ -7,12 +7,21 @@ Fable bindings and helpers for [react-google-map](https://github.com/tomchentw/r
77```
88npm install --save react-google-maps # or
99yarn add react-google-maps
10+ yarn add @babel/plugin-proposal-class-properties
1011
1112paket add Fable.ReactGoogleMaps --project [yourproject]
1213```
1314
1415## Usage
1516
17+ In your webpack, add the following:
18+
19+ ```
20+ plugins: [
21+ // other plugins...
22+ "@babel/plugin-proposal-class-properties" ]
23+ ```
24+
1625In your css add the following:
1726
1827``` css
@@ -26,6 +35,10 @@ In your css add the following:
2635and in your F# code you can create the map like this:
2736
2837``` fs
38+ open Fable.Core.JsInterop
39+ open Fable.Helpers.ReactGoogleMaps
40+ open Fable.Helpers.ReactGoogleMaps.Props
41+
2942let defaultCenter:Fable.Import.GoogleMaps.LatLngLiteral = Fable.Helpers.GoogleMaps.Literal.createLatLng 40.6892494 -74.0445004
3043
3144let myMap =
You can’t perform that action at this time.
0 commit comments