Создать собственный символ на полилинии, используя путь SVG
Я пытаюсь создать маршрут полета, используя карты Google с анимацией. Можно ли создать траекторию полилинии с произвольным символом самолета, как на демонстрационном сайтеhttp://www.morethanamap.com/demos/visualization/flights
Я могу создать пунктирный путь с анимацией. Проблема в том, что я застрял в создании SVG-пути. Я пытался сделать кривые Безье изhttps://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths с путем, заданным как «M10 10 C 20 20, 40 20, 50 10», но безрезультатно.
new google.maps.Polyline({
path: [
new google.maps.LatLng(40, -80),
new google.maps.LatLng(-50, 80)
],
geodesic: true,
strokeOpacity: 0.0,
strokeColor: 'yellow',
icons: [{
icon: {
path: 'M 0,-2 0,2',
strokeColor: 'red',
strokeOpacity: 1.0,
},
repeat: '24px'
}],
map: map,
});