google.mapsシンボルを反転する方法は？

Question

私はこのようなダミーコードの部分を持っている：

function initMap() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 4, 
    center: {lat: -25.363882, lng: 131.044922} 
    }); 

    var someIcon = { 
    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 marker = new google.maps.Marker({ 
    position: map.getCenter(), 
    icon: someIcon, 
    map: map 
    }); 
} 

それはアイコンsomeIconが含まれています。時々私はそれを垂直または水平に反転する必要があります。回転だけではありません。それ、どうやったら出来るの？

問題を説明するために、左から右に移動する自転車を想像してください。それから彼は帰ることを決め、今右から左に乗る。彼のアイコンは水平方向に反転する必要があります。

Answer 1

この仕事を完了し、質問に答えられないようにするために、私は自分自身に答えます。多分これは誰かを助けるでしょう。

このようなことを行う方法はありません。しかし、あなたはトリックを実行することができます：ベクトルグラフィックエディタで空のsvgファイルを作成し、ファイルを保存します。テキストエディタでファイルを開き、<path>タグの内容を、スクリプト内のアイコンオブジェクトのpathプロパティの文字列で置き換えます。次に、グラフィックエディタで再度ファイルを開き、イメージを反転します。それを保存。テキストエディタでファイルを開くと、必要な内容の<path>が表示されます。元の画像の代わりに使用する別の画像のpathとして使用してください。