archive-gh-me/google-map-react
1
0
Fork 0
mirror of https://github.com/google-map-react/google-map-react.git synced 2025-12-08 18:26:32 +00:00
Code Issues Projects Releases Wiki Activity

Update DOC.md

Browse Source
This commit is contained in:
Ivan Starkov 2017-02-01 01:02:45 +03:00 committed by GitHub
parent cc42705657
commit b2bfc4b448
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
DOC.md
View File

@ -101,24 +101,24 @@ Let's see what has changed,
So what does that properties means.
- `distanceToMouse` you need to pass a distance function which will compute distance based on mouse position,
- `distanceToMouse` you need to pass a distance function which will compute distance based on mouse position,
marker position, and any other properties you want.
It can be non euclidean distance based on some of your internals.
For example you can return a smaller distance for some markers making them more hoverable,
or to return infinite distance for other markers making them unhoverable.
It can be non euclidean distance based on some of your internals.
For example you can return a smaller distance for some markers making them more hoverable,
or to return infinite distance for other markers making them unhoverable.
For circle markers of equal radius it can be euclidean distance
For circle markers of equal radius it can be euclidean distance
```javascript
function distanceToMouse({ x, y }, { x: mouseX, y: mouseY }) {
return Math.sqrt((x - mouseX) * (x - mouseX) + (y - mouseY) * (y - mouseY))
}
```
```javascript
function distanceToMouse({ x, y }, { x: mouseX, y: mouseY }) {
return Math.sqrt((x - mouseX) * (x - mouseX) + (y - mouseY) * (y - mouseY))
}
```
At the example above I use some kind of rectangular distance.
At the example above I use some kind of rectangular distance.
[Other distanceToMouse example](https://github.com/istarkov/google-map-react-examples/blob/dbfc2fcd381cc39da315875f5a45d4ebee765f26/web/flux/components/examples/x_distance_hover/distance_hover_map_page.jsx#L31-L46)
[Other distanceToMouse example](https://github.com/istarkov/google-map-react-examples/blob/dbfc2fcd381cc39da315875f5a45d4ebee765f26/web/flux/components/examples/x_distance_hover/distance_hover_map_page.jsx#L31-L46)
- `hoverDistance: number` distance threshold,