Googleマップiframeをズームアウトするズームインズームアウト

Question

私は完全な身体の背景に使用する斜めの画像を持っています。 Googleマップのiframeを挿入した画像に大きなスペースがあります。ただし、クリック可能ではありません。また、ズームインやズームアウトもできません。

iframe { 
    width: 100%; 
    height: 100%; 
    border: 0; 
    position: fixed; 
    top: 0; 
    z-index: -9999999999; 
} 
img { 
    position: fixed; 
    top: 0; 
} 

https://jsfiddle.net/3ef2onLc/1/

Answer 1

あなたのイメージは透明であるが、あなたはいつもの代わりに、画像をクリックするとされますので、実際にマップ全体をカバーしています。

すぐれた解決策の1つは、イメージを2つの部分、左側部分と上部部分に分割することです。そうすれば右下にクリック可能な四半分が得られます。

より良い解決策は、CSSを使用してdivから角をつけた部分を作成することです。 （参考：http://apps.eky.hk/css-triangle-generator/）