Adding a Legend

[jm90m]

Hello, I am trying to add a legend, I though about using the overlay view but I want something more like the example on here: https://developers.google.com/maps/documentation/javascript/adding-a-legend

Looks like that involves pushing to the current instance of map inmap.controls? So is there any way to do this? Thanks

[tomchentw]

Please refer to Getting Help section in the README (or #469).

[aldoruizluna]

Hey @jm90m, did you find a solution for adding a legend to the map? Would love to know if you did. Cheers.

[jm90m]

@Aldorl nope, I just made my legend through a custom react component outside this library.

[anubhav0fnu]

@Aldorl How you did that. Did you use overlay, or not?

[aldoruizluna]

@anubhav0fnu I never figured out how to do it, so I just added the legend outside of the map

[DanielDouradoFsa]

Hi. i solve this based on https://developers.google.com/maps/documentation/javascript/adding-a-legend.

In onGoogleReady:

And it works great! The google prop we get from props is not the same as google, we should use google which is received from the second onReady parameter. Hope it helps y'all

[jhoanborges]

+1

[jhoanborges]

Hi. i solve this based on https://developers.google.com/maps/documentation/javascript/adding-a-legend. In onGoogleReady: And it works great! The google prop we get from props is not the same as google, we should use google which is received from the second onReady parameter. Hope it helps y'all

Can you please share your code and the Legend component?