Google Map Api 3のインフォボックスウィンドウからクローズ（x）ボタンを隠すには？

Question

Google Map APIのインフォボックスウィンドウから閉じるボタンを非表示にしたいのですが、これを行う方法はわかりません。

CSSコード：

#infobox { 
    padding: 0 0 8px 0; 
    margin: -95px 0 0 -15px; 
    min-width: 180px; 
    margin-top: 8px; 
    color: rgb(94, 94, 94); 
    font-family: Gotham SSm A,Gotham SSm B,Halvetica,sans-serif; 
    font-size: 12px; 
    z-index: 1000; 
    transition: box-shadow .25s; 
    padding: 1px; 
    font-size: 12px; 
    background-color: #ce93d8; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    -webkit-box-shadow: 0 0 8px #9c27b0; 
    box-shadow: 0 0 8px #9c27b0; 
} 

JavaScriptのコード：

infobox = new InfoBox({ 
    disableAutoPan: false, 
    maxWidth: 150, 
    pixelOffset: new google.maps.Size(-140, 0), 
    zIndex: null, 
    boxStyle: { 
       background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", 
       width: "150px" 
     }, 
    closeBoxMargin: "12px 4px 2px 2px", 
    closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif", //close button icon 
    infoBoxClearance: new google.maps.Size(1, 1) 
}); 

Answer 1

ちょうど""にcloseBoxUrlを設定します。 docsによると：

」closeBoxURL：クローズボックスを表す画像のURL（注）。 をデフォルトでは、Googleの標準のクローズボックスのURLで何クローズボックスが必要とされない場合""にこの プロパティを設定します。 "

closeBoxURL: ""の1行だけを変更する必要があります。だからあなたの完全なコードは次のようになります。

infobox = new InfoBox({ 
      disableAutoPan: false, 
      maxWidth: 150, 
      pixelOffset: new google.maps.Size(-140, 0), 
      zIndex: null, 
      boxStyle: { 
         background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", 
         width: "150px" 
       }, 
      closeBoxMargin: "12px 4px 2px 2px", 
      closeBoxURL: "", //THE CHANGE 
      infoBoxClearance: new google.maps.Size(1, 1) 
     }); 

Answer 2

のjQuery：

$(".gm-style-iw").next("div").hide(); 

イベントハンドラ：

google.maps.event.addListener(infowindow, 'domready', function(){ 
    $(".gm-style-iw").next("div").hide(); 
}); 

CSS：

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

別のイベントハンドラ：

$(".gm-style-iw:contains(" + infoText + ")").css("left", function() { 
    return ($(this).parent().width() - $(this).width())/2; 
}).next("div").remove(); 

あなたのために一番効果的なものを選んでください！がんばろう！