Как использовать тег SVG на картах Google в качестве маркера вместо загрузки svg в тег img со значком url prop

Question

Я хотел использовать полный тег svg вместо тега img для загрузки маркера на карту Google,

это не что-то новое требование или невозможная вещь, потому что у меня есть справочные сети, которые имеют это Концепция, но я не вижу никаких опций или возможностей в документации к карте Google или в ответах StackOverflow.

Пожалуйста, посетите веб-сайт ниже для ссылки. Пожалуйста, осмотрите элемент и посмотрите, как они использовали маркеры. То же самое я хотел использовать, поэтому кто-нибудь может сказать мне, как я могу использовать svg на карте Google (не загружен как img sr c, или нет пути обозначения, потому что я хочу разместить svg, который имеет событие hover и глубокий обозначение пути **) веб-сайт vwn веб-сайт airbnb

const markerIcon = {
      url: 'images/google-map/GoogleMapPin.svg',
      scaledSize: new window['google'].maps.Size(50, 50)
    };

 const markers: any = markersData.map((link: any, index: any) => {
      const markerOption = {
        map,
        position: link,
        title: link.title,
        icon: markerIcon,
        height: 100
      };

      const marker = new window['google'].maps.Marker(markerOption);
  return marker;
});

Пожалуйста, следуйте jsfiddle, где png-файл используется в качестве значка, но я хочу использовать svg-файл только в теге SVG.

http://jsfiddle.net/86Ejf/945/

Пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы, заранее спасибо ??