2016-04-26 9 views
0

埋め込みGoogleマップのCSS top位置を調整してトップバーを非表示にしました。これはAPI経由で無効にすることはできません(少なくとも私は見つけられませんでしたこれに対する参照)。問題は、地図をオフセットすると、地図マーカーをクリックすると「地図に戻る」ボタンが隠されるため、地図に戻ることができないということです。この問題を回避するためにマーカーをクリックしないようにすることは可能ですか?埋め込みGoogleマップのマーカーをクリックしないようにする

元のマップ:https://www.google.com/maps/d/u/0/viewer?mid=z5HTkcVjHLGw.k95PWTPXBYQ8

のiframe:

<iframe src="//www.google.com/maps/d/embed?mid=z5HTkcVjHLGw.k95PWTPXBYQ8&amp;z=6" width="300" height="240"></iframe> 

デモhttps://jsfiddle.net/91123ao1/1/

+1

あなたがしようとしていることは、Googleマップの権限に反しているようです。「_注釈を付けることを奨励していますが、Google Maps、Google Earth、またはストリートビューをオンラインで見せる方法を大きく変更してはいけません。商品インターフェースの色を変更したり、画像がどのように表示されるかを変更する(雲やその他の自然な要素を追加する、ぼかしなど)._ "https://www.google.com/permissions/geoguidelines.html – Lordalcol

+0

まだ実際にやりたいのであれば、ミニマップにズーム機能を保存する必要がありますか? – Lordalcol

+0

地図上にオーバーレイを投げることを意味しますか?それはあまりにも動き回ることができません。私はこれをプロジェクトマネージャーと相談しなければなりません:) – Ozrix

答えて

1

まあ、(私の知っていることは)実際のHTMLを編集することがあることを行うための唯一の方法非常に違法であるGoogleマップは、著作権の問題が原因です。

HTML側については
<div id = "map"> 
    <iframe src="//www.google.com/maps/d/embed?mid=z5HTkcVjHLGw.k95PWTPXBYQ8&amp;z=6" width="300" height="240"></iframe> 
</div> 
<br> 
<button onclick = "backToMap()">Back to map</button> 

、およびJavaScriptの側については

function backToMap() { 
    window.location = "https://jsfiddle.net/91123ao1/1/#map" 
} 

:だから、あなただけそうのように、IFRAME以下<button>を追加することができます。私はそれがうまくいくと思うが、そうではないかもしれない。

関連する問題