title: Google map custom marker with css rounded corner
body: <p>I have managed to use and apply my own marker on google map as below.</p>
  
  <pre><code>var marker = new google.maps.Marker({
                              position: point,
                              map: map,                          
                              icon: pIcon,
                              optimized:false
                          });
  </code></pre>
  
  <p>I would like to add a round corner background to it like below css</p>
  
  <pre><code>#orangeIcon {
    width: 50px;
    height: 50px;
  
    overflow: hidden;
      border-top-left-radius:5px 5px;
      border-top-right-radius:5px 5px;
      border-bottom-left-radius:5px 5px;
      border-bottom-right-radius:5px 5px;
      -moz-box-shadow: 0 1px 3px #FFBF00;
      -webkit-box-shadow: 0 1px 3px #FFBF00;
  
      background-color: #FFBF00;
      position: relative;
      border: 5px solid #FFBF00;
  
  
  }
  </code></pre>
  
  <p>how achieve this for google map ?</p>