GMaps V3 InfoWindow - deaktivieren Sie die Schließen "x" -Taste

Update

Anzeigen <div> oben auf der google-Karte ist straight forward :

Beispiel-css

div.info {
    position: absolute;
    z-index: 999;
    width: 200px;
    height: 100px;
    display: none;
    background-color: #fff;
    border: 3px solid #ebebeb;
    padding: 10px;
}

Einen info Klasse <div> irgendwo im markup :

<div id="myinfo" class="info"><p>I am a div on top of a google map .. </p></div>

Immer schön, eine kurze Referenz auf das div :

var info = document.getElementById('myinfo');

Mehr knifflige Teil, zeigt die <div>wie und Wann - hier habe ich nur zuzuweisen, klicken Sie auf " handler auf die Karte (nachdem es erstellt wurde) und zeigen Sie die info <div> an der Maus Position XY im inneren der Karte :

google.maps.event.addListener(map, 'click', function(args) {
  var x=args.pixel.x; //we clicked here
  var y=args.pixel.y;

  info.style.left=x+'px';
  info.style.top=y+'px';
  info.style.display='block';
});

Was Sie gewinnen, ist, dass die info <div> folgt man auf der Karte umher, jedes mal, wenn Sie klicken Sie auf.

• Benötigen Sie mehr styling, so dass es passt Ihre braucht, wie es "aussieht wie eine InfoBox", aber das sollte einfach zu finden sein, ich bin kein Bibliothekar 🙂
• Und vielleicht später auf etwas zu schließen, die info mit, aber Sie wollte nicht in den ersten Platz 🙂

Ursprüngliche Antwort

Sie nicht! Es gibt keine Möglichkeit, dies zu tun in der aktuellen v3.13 Infofenster Optionen.

Ein workaround ist das deaktivieren der Bild mit dem X :

<style>
img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"] {
    display: none;
}
</style>

Aber das ist in keine Möglichkeit adviceable!

src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png ist genau das, was die Infofenster bezieht sich auf heute. Morgen oder in einem Monat oder in einem Jahr, dieses Bild-Verweis sicher hat sich geändert. Wie Sie sehen können, wenn Sie suchen, für ähnliche "Lösungen", die im Laufe der Zeit gemacht - wie diese. Sie sind alle kaputt heute, z.B. der Aufwand sinnlos ist.

Ich denke, es ist eine sehr gute Logik in google "Verweigerung" zu Folgen, die Anforderung für das verstecken der schließen-Schaltfläche. Wenn Sie nicht brauchen, um einen schließen-button, was brauchen Sie, um ein Infofenster für sowieso? Wenn Sie besser dran, nur um zu zeigen, eine <div> auf der Karte.

InformationsquelleAutor der Antwort davidkonrad

wenn die Verwendung von jquery fügen Sie einfach diesen

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

InformationsquelleAutor der Antwort Tushar Gaurav

Dank Tushar, aber auch Sie müssen diesen code in event-handler -

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

InformationsquelleAutor der Antwort CarryLight

closeBoxURL: ""

wie gesagt gilt nicht für Infofenster. Dies ist eine option auf die InfoBox.

Können Sie zum Beispiel verwenden Sie dieses CSS-workaround zum entfernen des X, und die umliegenden anklickbaren button:

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

Und als davidkonrad sagte. Dies ist eine Problemumgehung, die auf dem code, wie es heute ist. Es wird wahrscheinlich geändert werden.

InformationsquelleAutor der Antwort tmn

Meine Lösung:

            google.maps.event.addListener(marker, 'click', function() {

            var wnd = new google.maps.InfoWindow({
                content: "<table id='viewObject' >...</table>"
            });

            google.maps.event.addListener(wnd, 'domready', function(){

                $("#viewObject").parent().parent().next().remove();
            });

            wnd.open(map, marker);
        });

InformationsquelleAutor der Antwort nim

Konnte ich nicht bekommen, eine der $(".gm-style-iw").next("div").hide(); Antworten zu arbeiten, selbst wenn das aufrufen der code, nachdem das DOM geladen wurde, da gab es eine Verzögerung zwischen dem code aufgerufen wird und im info-Fenster erstellt werden. Was ich Tat, war ein Intervall, das läuft, bis Sie Sie findet das info-Fenster und entfernt das "X" - element. Wenn es einen besseren Weg, sagen Sie mir bitte.

var removeCloseButton = setInterval(
    function()
    {
        if ($(".gm-style-iw").length)
        {
            $(".gm-style-iw").next("div").remove();
            clearInterval(removeCloseButton);
        }
    },
    10
);

InformationsquelleAutor der Antwort Gavin

google.maps.event.addListener(infowindow, 'domready', function() {

    var iwOuter = jQuery('.gm-style-iw');

    //Reference to the div that groups the close button elements.
    var iwCloseBtn = iwOuter.next();

    //Apply the desired effect to the close button
    iwCloseBtn.remove()
});

Da es keine option zum ausblenden dieser durch die API-parameter, müssen Sie das element, indem Sie auf das Inhalt-Fenster und entfernen Sie es.

Hoffe, das hilft 🙂

InformationsquelleAutor der Antwort dipak_pusti

Überprüfen Sie es - es ist ein div mit einer Klasse der enge auf es - du kannst es mit CSS und legen Sie es auf display: none;

InformationsquelleAutor der Antwort Adam

Können Sie "closeBoxURL" - Eigenschaft des Info-Fensters auf "" und es wird die Schaltfläche ausgeblendet.

var infowindow = new google.maps.InfoWindow({
    content: contentString,
    closeBoxURL: ""
});

InformationsquelleAutor der Antwort nan