Polygon

[dgana]

Could you provide an example on how to draw a polygon like this?

Thanks a lot for the react gmaps it helped me a lot! i just need to know on how to implement polygon in react-gmaps. Thanks!

[MicheleBertoli]

Hello @dgana, thanks for opening the issue. The onMapCreated callback gives you the map object, and you can use any functionality of the Google Map SDK. For example:

handleMapCreated(map) {
  var triangleCoords = [
    {lat: 25.774, lng: -80.190},
    {lat: 18.466, lng: -66.118},
    {lat: 32.321, lng: -64.757},
    {lat: 25.774, lng: -80.190}
  ];

  // Construct the polygon.
  var bermudaTriangle = new google.maps.Polygon({
    paths: triangleCoords,
    strokeColor: '#FF0000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#FF0000',
    fillOpacity: 0.35
  });
  bermudaTriangle.setMap(map);
}

// ...

<Gmaps onMapCreated={this.handleMapCreated} />

I hope this helps.