私は、中央のソリッドから外側の透明に向かうラジアルグラデーションを作成し、Googleマップのマーカーの下に配置する方法について考えています。下層の新しい「マーカー」になる必要がありますか?Googleマップ(v3)マーカーの下に放射状グラデーションを作成することはできますか?
答えて
通常、静止画像を使用することができます。追加するときにそのジオメトリを定義する必要があります。これは、デフォルトが希望するものではないためです。ああ、私はマーカーが土地の上で奇妙に見えるように透明性を作りませんでした。
こちらをご覧ください:http://jsfiddle.net/DRfuR/1/
これは良い試行ですが、私は本当にグラデーションがもっと大きく、下のレイヤーで他のマーカーピンと重ならないようにする必要があります。 – Thomas
あなたが達成しようとしているもののモックアップ画像を追加することができます。 Heitor Changの応答は、動的なグラデーションバージョンではないにもかかわらず、元の質問は正しいようです。 –
お願いします。これは、より大きな(78x78)勾配が隣接マーカーをカバーしないことを明確に示している。 http://jsfiddle.net/DRfuR/4/ Googleマップでは、自動的にマーカーと影を別の「ペイン」に配置します。動的画像に関しては、私のページは理想的ではありません。私の考えは、別のイメージが必要なので、URLを書き換えることです。たとえば、このplacekitten.comは、URLに基づいてX×Yイメージを生成します。こちらをご覧くださいhttp://jsfiddle.net/DRfuR/2/ –
- 1. CSS3放射状グラデーション代替
- 2. 放射状グラデーションを持つWPF放射状進捗バー
- 3. HTML5 - キャンバス放射状グラデーション形状のエッジ
- 4. ナビゲーションの周りに放射状のグラデーションを作成する方法は?
- 5. Firefoxの放射状グラデーションの問題
- 6. CSS3放射グラデーション
- 7. Googleマップv3で経路を作成し、マーカーを避ける
- 8. GoogleマップのAPIはJSONとマーカー(V3)
- 9. どのように放射状のグラデーション(iphone)でのセクターを描くことができます
- 10. GoogleマップAPI v3のマーカーの低下とアニメーション
- 11. CSS放射状放射バンディング
- 12. 放射状グラデーションmixinがLESSで動作していませんか?
- 13. gnuplotを使って放射状プロットを作成するには?
- 14. iOS、扇形を塗りつぶす放射状のグラデーション
- 15. FabricJs - 円グラフの放射グラデーション
- 16. 放射状のグラデーションを持つビューを切り取る方法
- 17. Google Maps API v3でマーカーを作成できません...
- 18. Googleマップv3 - マーカーとオーバーレイマップタイプの読み込みイベントですか?
- 19. GoogleマップV3 - マーカーをループしてマーカーを最後のマーカーにズームします
- 20. GoogleマップV3にInfoWindowsとマーカーを動的に追加する
- 21. GoogleマップのInfoWindowをドラッグ可能にすることはできますか(v3)?
- 22. 背景の放射状グラデーションがFirefoxで置き換えられる
- 23. GoogleマップV3を使って作成したマーカーを追跡する
- 24. JQueryを使用してCSSの放射グラデーションで作成されたパターンの色を変更できますか?
- 25. 放射状の勾配半径を作成する200px
- 26. GoogleマップAPI v3の - マーカーの影が
- 27. 放射状ツリーレイアウトアルゴリズム
- 28. ループを使用してGoogleマップv3マーカー
- 29. GoogleマップV3マーカーの最大初期zIndex
- 30. Googleマップの回転マーカーJavascript API V3
を私はあなたが動的な放射状のグラデーションがとても静止画像を使用することは可能ではありません必要と仮定していますか? –
最終的にはダイナミックにする必要がありますが、静的なものは今のところ良いです。 – Thomas