Google maps ouvrir la fenêtre d'information par défaut?

L'exemple suivant montre un simple Marqueur (icône standard) sur Google maps pour la localisation et en cliquant sur l'icône, il ouvre la fenêtre d'informations. Puis-je afficher la fenêtre d'informations ouvert par défaut, de sorte que je n'ai pas besoin de cliquer sur l'icône pour ouvrir?

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
    var myOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var contentString = '<div id="content">'+
        '<div id="siteNotice">'+
        '</div>'+
        '<h2 id="firstHeading" class="firstHeading">Uluru</h2>'+
        '</div>';

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

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:"Uluru (Ayers Rock)"
    });

    google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
    });
InformationsquelleAutor Billa | 2011-11-23
  1. 74

    Si vous souhaitez afficher la fenêtre d'informations ouvert par défaut, sans cliquer, il suffit d'ajouter un nouveau code comme ci-dessous:

    Votre code:

    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
});

    Nous avons donc un nouveau code comme ceci:

    google.maps.event.addListener(marker, 'click', function() {
   infowindow.open(map,marker);
});

infowindow.open(map,marker);

    Comme vous pouvez le voir, nous venons d'ajouter une petite ligne de code avec infowindow.open(map,marker);

    • C'est un travail mais les données n'ont pas affiché à l'intérieur de la fenêtre d'informations quand j'ai utilisé infowindow.setContent() de définir les données. Ensuite, appelez le setContent partir de l'extérieur de la portée que vous avez appelé infowindow.open mais qui ne fonctionne pas pour moi
    InformationsquelleAutor Idham Perdameian
  2. 17

    Vous pouvez exécuter "ouvrir" directement au chargement de la page devrait s'ouvrir la fenêtre automatiquement, sans clic.

    infowindow.open(map, marker);

    Toutefois, cela pourrait ne pas autopan la carte correctement dans certains cas, en laissant le haut de la superposition sur le bord de la carte.

    Une façon qui ont travaillé pour moi, c'est de l'envelopper dans un auditeur de la "tilesloaded" l'événement sur la carte

    google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
  infowindow.open(map, marker);
});
    • C'est la bonne solution, je vous remercie! J'ai cherché pendant des heures, mais toutes les autres solutions centrée sur le Marqueur, pas l'infoWindow.
    InformationsquelleAutor Michal Charemza
  3. 1

    Le code ci-dessus fonctionne parfaitement. Cependant, la carte n'a pas bouger alors que l'infowindow était entièrement illustré. Au lieu de cela, la punaise est resté dans le milieu.

    Alors, comment faire la carte de régler lui-même de sorte que la fenêtre d'information est entièrement visible?
    Lire ceci:
    Google Maps : auto-centrer la carte sur un marqueur, cliquez

    Si vous voulez la punaise de rester là où il est et ne pas déplacer la carte, lire ceci:
    Google Maps: Comment faire pour empêcher l'InfoWindow de déplacement de la carte

    Espoir qui aide les gens à passer à l'étape suivante

    • C'est tout simplement génial! Merci beaucoup pour la publication de la 2e lien!
    InformationsquelleAutor stevepowell2000
  4. 1

    Code ci-dessous fonctionne bien pour moi:

    Changer la latitude, la longitude, le Contenu et le mapid (avec votre custom div id):

    <script type="text/javascript">

function initialize() {
    var myLatlng = new google.maps.LatLng(48.206615,13.487928);
    var mapOptions = {
        zoom: 16,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    var contentString = '<p><strong>Bahnhofstraße 32</strong></p><p>Bahnhofstraße 32, 4910 Ried im</p><p>Innkreis, Austria</p>';

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


    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Bahnhofstraße 32'
    });

    google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
  //show map, open infoBox 
        google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
          infowindow.open(map, marker);
        });

}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
    InformationsquelleAutor vijay rami