react-marker.js

import ReactDOMServer from 'react-dom/server';
import MarkerSvg from './marker-svg';

const encodeSvg = reactElement => 
  'data:image/svg+xml;charset=utf-8,' +
    encodeURIComponent(ReactDOMServer.renderToStaticMarkup(reactElement))

const marker = {
  position: {
    lat: "34.1683776"
    lng: "-118.3826831"
  },
  icon: {
    url: encodeSvg(
      <MarkerSvg
        fillColor="#C0FFEE"
        strokeColor="#B00B1E"
      />
    ),
    anchor: { x: 14, y: 14 }
  }
}