1

Google Maps API (バージョン 3) を使用すると、カスタム イメージを使用して地図上にマーカー オブジェクトを追加できます。これを使用して、写真のサムネイル画像をインタラクティブ マップに配置しています。PHP スクリプトを使用して自分の写真を拡大縮小できるので、URL を介して適切なサイズで利用できます。ただし、Maps API は要素への CSS シャドウの追加をサポートしていません。実際、canvas 要素のコンテンツのみをレンダリングするため、CSS はサポートされていません。

サムネイル画像の下に影を付けるには、次の 2 つのオプションがあると思います。

  1. このような影の画像を生成できる PHP スクリプトを作成します。アルファ透明度のある PNG 画像である必要があります。これが PHP でサポートされているかどうかは不明です。テンプレートを使用して、そのコーナーとエッジを要求されたサイズのターゲット イメージにコピーするか、ガウス ブラーを自分で計算して、時間がかかる可能性があるすべてのピクセルを生成することができます。

  2. または、Maps API の使用方法を変更して、CSS 効果を適用できる実際の DOM 要素を取得します。

どれが一番簡単ですか? 誰かがそれらのいずれかの解決策を提供できますか? 現時点では、どちらも同じように複雑すぎるように見えます。

4

3 に答える 3

2

1 つのオプションは、マーカーでoptimized:false markerOptionを使用することです。マーカーは CANVAS ではレンダリングされませんが、アプリケーションでパフォーマンスが許容できるかどうかを判断する必要があります。

最適化 | ブール値 | 最適化により、多くのマーカーが単一の静的要素としてレンダリングされます。最適化されたレンダリングはデフォルトで有効になっています。アニメーション GIF または PNG の最適化されたレンダリングを無効にするか、各マーカーを個別の DOM 要素としてレンダリングする必要がある場合 (高度な使用のみ)。

于 2013-03-22T19:10:59.287 に答える
0

https://developers.google.com/maps/documentation/javascript/markers

注: マーカーの影は、Google Maps JavaScript API のバージョン 3.14 で削除されました。プログラムで指定されたすべてのシャドウは無視されます。

于 2014-09-01T11:33:34.013 に答える