Add CSS styled marker to google maps

Question

Can someone please advise how I could add this animated marker to the below google maps API.

The below is the standard google maps api code with option to give imag

Answer 1

I used RichMarker for this in my Angular2 Ionic3 project.

let marker = new RichMarker({
  position: new google.maps.LatLng(markerData.lat, markerData.lng),
  map: this.map,
  content: '
' + markerData.story.user.nickName + '
',
  shadow: 0
}); 

And the trick was how to import the js file. In the src directory I added the js file to the index.html like this: