Google Maps JS: Comment puis-je obtenir la petite info-bulle marqueur sur le vol stationnaire ET de la fenêtre d'informations sur cliquez sur?

Afin de vérifier tout google maps résultat de ce genre: http://g.co/maps/htdva

Si vous passez la souris sur un marqueur, vous obtenez l'info-bulle. Si vous cliquez dessus, vous obtenez le grand infowindow. J'ai l'infowindow fonctionne très bien via: cette stackoverflow répondre

Voici une photo de la mini info-bulle et la bulle informative:
Google Maps JS: Comment puis-je obtenir la petite info-bulle marqueur sur le vol stationnaire ET de la fenêtre d'informations sur cliquez sur?

Ici est un jsFiddle démo: http://jsfiddle.net/3VMPL/

OriginalL'auteur CloudMagick | 2011-11-09

  1. 9

    Définir le titre de propriété de la marque à l'info-bulle que vous voulez.

    var tooltip = "some text";
marker = new google.maps.Marker({map:map, position:position, title:tooltip});
    Je crains que je ne sais pas ce que vous essayez de faire ici. Auriez-vous l'esprit de partage d'un jsFiddle: jsfiddle.net/3VMPL
    Vous obtenez une boîte de popping up sur rollover sur un marqueur avec le texte qu'il contient. J'ai édité le vôtre ici jsfiddle.net/so1connor/APTYA
    Merci, mais je ne parle pas de la norme html titre d'info-bulle. Veuillez voir l'image jointe dans l'OP... la Laiterie de la Reine info-bulle est ce que je suis intéressé (vérifier ce lien: g.co/maps/htdva). Après l'exploration de google maps de plus, il semble que ce ne soit pas partie de l'API des cartes, mais qu'ils mettent en œuvre une autre info-bulle js

    OriginalL'auteur Steve O'Connor

  2. 1

    Je pense que ce que vous voulez peut être trouvé ici:

    https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

    //This example displays a marker at the center of Australia.
//When the user clicks the marker, an info window opens.

function initialize() {
  var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
    zoom: 4,
    center: myLatlng
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var contentString = '<div id="content">'+
      '<div id="siteNotice">'+
      '</div>'+
      '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
      '<div id="bodyContent">'+
      '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
      'sandstone rock formation in the southern part of the '+
      'Northern Territory, central Australia. It lies 335&#160;km (208&#160;mi) '+
      'south west of the nearest large town, Alice Springs; 450&#160;km '+
      '(280&#160;mi) by road. Kata Tjuta and Uluru are the two major '+
      'features of the Uluru - Kata Tjuta National Park. Uluru is '+
      'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
      'Aboriginal people of the area. It has many springs, waterholes, '+
      'rock caves and ancient paintings. Uluru is listed as a World '+
      'Heritage Site.</p>'+
      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
      '(last visited June 22, 2009).</p>'+
      '</div>'+
      '</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);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);
    S'il vous plaît ajouter les parties pertinentes du code ici, depuis un lien qui pourrait aller dans le futur...
    une chose est sûre maintenant j'ai édité mon commentaire avec le code fourni par Google Maps Documentation 🙂

    OriginalL'auteur GSof