Skip to content

Commit 87a6035

Browse files
committed
Explain MarkerClusterer
1 parent 4a9004c commit 87a6035

File tree

1 file changed

+19
-1
lines changed

1 file changed

+19
-1
lines changed

src/Fable.ReactGoogleMaps/README.md

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,4 +50,22 @@ If you want to show markers on the map then you can create them like this:
5050
googleMap [
5151
MapProperties.ApiKey googleMapApiKey
5252
// ..
53-
MapProperties.Markers (unbox markers) ]
53+
MapProperties.Markers (unbox markers) ]
54+
55+
## MarkerClusterer
56+
57+
The map component allows you to use a [MarkerClusterer](https://tomchentw.github.io/react-google-maps/#markerclusterer):
58+
59+
let clustered =
60+
markers
61+
|> markerClusterer [
62+
MarkerClustererProperties.AverageCenter true
63+
MarkerClustererProperties.MaxZoom 15
64+
MarkerClustererProperties.EnableRetinaIcons true
65+
MarkerClustererProperties.GridSize 60.]
66+
67+
let myMap =
68+
googleMap [
69+
MapProperties.ApiKey googleMapApiKey
70+
// ..
71+
MapProperties.Markers clustered ]

0 commit comments

Comments
 (0)