title: Google maps marker size with react
body: <p>I am currently working on a google-maps project using google-maps-react and I have come across a problem. I am using props to get the values of my marker (lat, lng, marker icon) however I am having trouble changing the size of the marker. I am left with an enormous marker and not able to change this. I have tries to pass the size as a prop but without success.<br>
  Thank you in advance for any help.</p>
  
  <p>Here is my code:</p>
  
  <p>MAPS.JS</p>
  
  <pre><code>render() {
      /*--- initial code that i passed into props*/
       /*var icon = {
       url: "https://loc8tor.co.uk/wp-content/uploads/2015/08/stencil.png", // url
      scaledSize: new this.props.google.maps.Size(90, 42), // scaled size
      */
       }
   return (
        &lt;div className="map-container"&gt;
          &lt;Map
            google={this.props.google}
            className={"map"}
            zoom={4}
            initialCenter={this.props.center}
          &gt;
            {this.props.places.map((place, i) =&gt; {
                //pass an array of markers as a child to the GoogleMap component and map over them
              return (
                &lt;Marker
                  onClick={this.onMarkerClick}
                  key={place.id}
                  place_={place}
                  position={{ lat: place.lat, lng: place.lng }}
                  icon={place.url}
                  //Size={place.scaledSize} : Not working
                /&gt;
              );
            })}
            &lt;InfoWindowEx
              marker={this.state.activeMarker}
              visible={this.state.showingInfoWindow}
            &gt;
              &lt;div&gt;
                &lt;h3&gt;{this.state.selectedPlace.name}&lt;/h3&gt;
                &lt;button
                  type="button"
                  onClick={this.showDetails.bind(this, this.state.selectedPlace)}
                &gt;
  
                  Show details
                &lt;/button&gt;
              &lt;/div&gt;
            &lt;/InfoWindowEx&gt;
          &lt;/Map&gt;
        &lt;/div&gt;
      );
  </code></pre>
  
  <p>INDEX.JS</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import Map from "./Map";
  
  import "./styles.css";
  
  const data = [
    {
      name: "Hello",
      title: "Sydney",
      lat: -33.847927,
      lng: 150.6517938,
      id: 1,
      color: "blue",
      url: "https://loc8tor.co.uk/wp-content/uploads/2015/08/stencil.png",
      // scaledSize: Size(90, 42), // scaled size - Not working//
       },
    {
  </code></pre>