2013-12-12 23 views
8

Googleマップの情報ウィンドウの閉じるアイコンを削除するにはどうすればいいですか?私はこのアイコンを削除しようとしましたが、idまたはクラスを見つけることができませんでした。Googleマップの情報ウィンドウから閉じるアイコンを削除

誰でも情報ウィンドウから閉じるアイコンを削除できますか?あなたがCSSで閉じるボタンを非表示にすることができます

openInfoWindowHtml(html, { 
    maxWidth: 200, buttons: { close: { visible: false } } 
}); 

答えて

0

オプションの空の文字列にcloseBoxURLは、私は上記のすべての提案を試してみました

infoboxOptions = { 

    closeBoxURL: '', 
    ... 

} 

var infobox = new InfoBox(infoboxOptions); 
+0

を試すことができます。私のサンプルコード 'marker.setMap(map); $( 'body')。append( '

') \t $( "#targetdiv")。load( 'ProgressBar1.jsp'); \t var innerhtml = document.getElementById( "targetdiv"); \t VAR情報ウィンドウが=新しいgoogle.maps.InfoWindow({ \tコンテンツ:innerHTMLの、 \tのmaxWidth:200、 \tボタン:{閉じる:{可視:偽}}、 \t \t \t})。 \t \t infowindow.open(map、marker); \t //openInfoWindowHtml(document.getElementById("targetdiv ")、{maxWidth:200、buttons:{close:{visible:false}}}); \t marker.setMap(map); ' – Visva

+0

あなたは既にコード:' buttons:{close:{visible:false}} 'を持っています。それは動作するはずです、どのブラウザを使用していますか? – Shahe

+0

私はmozilla firefoxを使用しています。24.0 – Visva

30

.gm-style-iw + div {display: none;} 
+0

シンプルで効果的! – Giorgio

0

私はそれが設定でしたが、この機能はありません近くにアイコンで情報ウィンドウを開きますGoogleマップAPI V2を使用している人々のために

2

オブジェクト、失敗しました。私はjquery $('.gm-style-iw').next().hide()を使ってみましたが、うまく動作しませんでした。

誰かが必要な場合に備えて、これは私のために働いたものです。これは私がGMAP API V3でしたものです。

.gm-style .gm-style-iw + div { 
    display: none; /* <-- this will generally work on the fly. */ 
    visibility: hidden; /* this 2 lines below are just for hard hiding. :) */ 
    opacity: 0; 
} 

は一般的に、それがあるん何か、それはAPIによって動的に作成された gm-style-iwの直接の兄弟を探します。 gm-style-iwのすぐ隣の divが閉じるボタンです。

希望に役立ちます。 :)

0

あなたは私は私のコードに挿入します。この

.gm-style-iw + div{ display: none; } // hide div 

.gm-style-iw + div + img{ display: none; } // hide img 
関連する問題