Gewusst wie: ausblenden schließen-Schaltfläche(x) von InfoBox-Fenster in Google Map Api 3?

Möchte ich schließen-Schaltfläche zum ausblenden von InfoBox-Fenster in Google Map API, aber ich habe keine Ahnung, wie dies zu tun.

CSS-code:

#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-Code :

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)
});
  • können Sie fügen Sie es auf codepen?
InformationsquelleAutor Manish Tiwari | 2016-05-10
  1. 6

    Setzen Sie einfach closeBoxUrl zu "". Nach der docs:

    "closeBoxURL: Die URL der Bild, für das schließen. Hinweis:
    Der Standardwert ist die URL für die Google-standard schließen. Setzen Sie diese
    Eigenschaft "" wenn kein schließen Feld ist erforderlich."

    Müssen Sie nur ändern, eine Zeile: closeBoxURL: "". So Ihr vollständiger code würde wie folgt Aussehen:

    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)
        });
    InformationsquelleAutor Matej P.
Schreibe einen Kommentar