Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using Marker bindTo method

See original GitHub issue

I’d like to bind a Circle to a Marker so it follows the marker around.

How can I do this in react-google-maps?

See https://stackoverflow.com/questions/825794/draw-radius-around-a-point-in-google-map

Issue Analytics

State:
Created 6 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

krabbypattifiedcommented, Sep 15, 2017

screen shot 2017-09-15 at 1 12 13 pm

It works! Here’s the gist: https://gist.github.com/krabbypattified/63ce708b414cfc5ea7aced3833b5c33e

0reactions

tomchentwcommented, Sep 18, 2017

@krabbypattified check the InfoWindow source code, in there we can access the instance of google.maps.Marker from the context (since we put it as a child of Marker). Applying the same trick for Circle, we can call circle.bindTo('center', marker, 'position') in any lifecycle method that’s applicable.

Top Results From Across the Web

bindTo - How do I link a marker position to the ...

bindTo - How do I link a marker position to the position of a polyline node? ... MVCObject with methods like getAt(integer) and...

Using bindTo() cannot delete marker in new position

Show activity on this post. I am using bindTo() I found this example here Bind Marker with polygon vertices google mapv3 ,but the...

Marker | Maps JavaScript API

Creates a marker with the options specified. If a map is specified, the marker is added to the map upon construction. Note that...

Marker | Google Maps JavaScript API v3 Utilities

Defined in packages/jest-mocks/src/marker.ts:21 ... bindTo: Mock<any, any> = jest.fn().mockImplementation((key: string,target: MVCObject,targetKey?: string ...

Google Maps - Additional overlay types · GEOG5870/1M

These draw a map with a set of markers representing (a subset of) ... binding the circle to the marker, using the bindTo()...