Custom styling

[chiss2906]

There is no way to make custom buttons (like replacing the zoom in/out icons), markers, color themes (e.g. https://snazzymaps.com/).

[MicheleBertoli]

Hey @chiss2906,
once the map is created, you can set any options.

This simple example generates the following map:

[wmertens]

Wouldn't it be easier to provide map options to the GMap props?

[MicheleBertoli]

I would not say "easier" but we could do that.
It's all about making the Gmaps component accept all the options, like other components already do.
PRs are welcome :)

[wmertens]

Untested, would something like this work:

createMap() {
  var center = !isNan(this.props.lat) ? new google.maps.LatLng(this.props.lat, this.props.lng): undefined;
  var googleOptions = assign({
      center: center
    }, this.props);
  this.map = new google.maps.Map(this.getDOMNode(), googleOptions);
...

That way it is both handy to use and supports all Google options...

Also, wouldn't it be better to pass the map to the onMapCreated callback?

[MicheleBertoli]

@chiss2906 @wmertens here we go.
Thanks for your contributions.