Bing Maps V8 Pushpin Opacity

Question

Bing Maps V8 Pushpinsの不透明度を変更することでした。私はそこに実装されているので、これはGoogle Mapsを介して可能ですが、私はまだBing Mapsでそのようなオプションを見つけることができませんでした。

現在、私は、地図上のバスの位置をマークするために改変画鋲を使用しています：ここ

私はピンを初期化するために使用するコードの例である：

new Microsoft.Maps.Pushpin(map.getCenter(), { 
    icon: 'img/bus1.png', 
    anchor: new Microsoft.Maps.Point(14, 44), 
    visible: false, 
    text: "", 
    title: "" 
}) 

PushpinOptionsオブジェクトには、不透明度に関連するものはありません。これについて行くために使用されている公式またはハックの方法がありますか？

Answer 1

プッシュピンの不透明度を変更することは、一般的に要求される機能ではありません。実際、これは10年後の2回目です。つまり、これについてはいくつかの方法があります。イメージURLを使用しているため、最も簡単な方法は、不透明度が適用された別のイメージを作成し、必要に応じてアイコンプロパティを更新することです。

さらに複雑になりたいが、より柔軟なソリューションを作成したい場合は、SVGをプッシュピンに使用し、そのように不透明度を動的に制御することができます。異なる設定のSVGベースのプッシュピンを作成する例を次に示します。https://bingmapsv8samples.azurewebsites.net/#SVG%20Pushpin%20Makerテキストプロパティを使用していないので、これをSVGのプレースホルダとして簡単に使用して不透明度を求め、必要に応じて単一のプロパティを動的に更新できます。

もう一つの方法は、ここでは、HTML5のキャンバスを使用することです画鋲イメージスケールの例である：https://github.com/Microsoft/BingMapsV8CodeSamples/blob/master/Samples/Pushpins/Pushpin_Scaled.html