自分自身を回転させるパラメーターを受け入れる svg ファイルがあり、html のオブジェクト タグで次の構文を使用すると正常に動作します。
<object id="myicon" data="../static/images/icons/icon.svg?trans=rotate(75 16 16)" type="image/svg+xml"></object>
しかし、アイコンのように使用しようとすると、機能せず、デフォルトの画像の見出ししか表示されません。
markers[0].set("icon", "../static/images/icons/icon.svg?trans=rotate(75 16 16)")
また
markers[0].setIcon("../static/images/icons/icon.svg?trans=rotate(75 16 16)")
また
markers[0].setIcon("../static/images/icons/icon.svg?trans=rotate(75+16+16)")
キャッシュの問題ではありません。生成された html コードを調べると、画像を指す完全な URL が表示されます。
<img src="../static/images/icons/icon.svg?trans=rotate(75 16 16)" draggable="false" style="position: absolute; left: 0px; top: 0px; -webkit-user-select: none; width: auto; height: auto; border: 0px; padding: 0px; margin: 0px;">
何が欠けているのでしょうか?アイコンをきれいに回転させたいです。ありがとう。
PD: 生成されたコードから新しいクロム タブの画像リンクをたどると、正しい見出しの画像が表示され、URL は次の場所にマップされます。
/images/icons/icon.svg?trans=rotate(75%2016%2016)
ただし、マップからのみ機能します。