通常、Google マップの Web ページに静止画像を含めます。この方法で画像をレスポンシブにすることができますが、このプロジェクトでは、マップ、ズーム、ドラッグなどの相互作用が必要です。
そのため、Google Maps API (javascript V3) を使用しました。ここで私が抱えている唯一の問題は、取り込まれた画像が応答しないことです。静止画像と同じように動作させたいのですが、可能ですか?
私は指示に従い、特定の高さと幅を持つ div で map_canvas をラップしましたが、これが私の問題があると思われます。しかし、実際にコンテンツ (マップ) を img として宣言しないと、ここで何をすべきかわかりません。誰かがこれを回避したことがありますか?
編集
レスポンシブの意味を明確にするために、img{max-width:100%} を設定した場合と同じようにマップが動作するようにしたいと思います。