svg-shapesを使用してGoogleマップに楕円を描画しようとしています。
次のパス(星)は正常に機能します。
var goldStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: "yellow",
fillOpacity: 0.8,
scale: 1,
strokeColor: "gold",
strokeWeight: 14
};
しかし、これ(楕円形の弧)はまったく表示されません。
var elipticalarc = {
path: 'M 0,0 a20,10 0 1,1 100,100',
fillColor: "yellow",
fillOpacity: 0.8,
scale: 1,
strokeColor: "gold",
strokeWeight: 14
};
次のリンクでパスをd属性に置き換えることで、両方のパスが機能していることを確認できます。