L'API Google Maps v3 marqueur sur cliquez avec infowindow

J'ai un problème avec l'infowindow. J'ai créer un marqueur lorsque je clique sur une carte, mais je veux montrer l'infowindow trop. Ce code ne fonctionne pas avec cette partie: 

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

Voici le code ci-dessous.. Merci pour l'aide

var pridat;
var map;

function initialize() {
    var locc = new google.maps.LatLng(49.938682,17.903331);
    var mapOptions = {
        zoom: 14,
        center: locc,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

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

    var contentwindow = '<div>your point</div>'
    var infowindow = new google.maps.InfoWindow({
        content: contentwindow
    });

    //IF I REMOVE THIS PART -> IT WORKS, BUT WITHOUT INFOWINDOW
    google.maps.event.addListener(marker, 'click', function(){
        infowindow.open(map, marker);
    });
    //END OF PART

    google.maps.event.addListener(map, 'rightclick', function(event) {
        placeMarker(event.latLng);
    });
}

function placeMarker(location) {
    if (marker) {
        marker.setPosition(location);
    } else {
        marker = new google.maps.Marker({
            position: location,
            map: map,
            title: 'My point',
            draggable: true,
        });
    }
}
InformationsquelleAutor Raold | 2013-08-12
  1. 3

    Vous devriez regarder les erreurs javascript quand ça ne fonctionne pas. Vous tentez d'utiliser "marqueur" avant qu'il existe. Si vous déplacez le "clic" d'un écouteur pour le marqueur dans la placeMarker fonction de là où elle existe, et de faire de l'infowindow accessible dans le monde entier, il devrait fonctionner. Le code que vous avez posté ne mettez pas de marqueurs sur la carte.

    var pridat;
var map;
var marker = null;
var infowindow = null;
function initialize() {
 var locc = new google.maps.LatLng(49.938682,17.903331);

 var mapOptions = {
    zoom: 14,
    center: locc,
    mapTypeId: google.maps.MapTypeId.ROADMAP
                  }

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

var contentwindow = '<div>your point</div>'
infowindow = new google.maps.InfoWindow({
    content: contentwindow
 });

google.maps.event.addListener(map, 'rightclick', function(event) {
placeMarker(event.latLng);
});

}

function placeMarker(location) {
if (marker) {
  marker.setPosition(location);
} else {
 marker = new google.maps.Marker({
      position: location,
      map: map,
      title: 'My point',
      draggable: true,
     });
   //IF I REMOVE THIS PART -> IT WORKS, BUT WITHOUT INFOWINDOW
   google.maps.event.addListener(marker, 'click', function(){
       infowindow.open(map, marker);
   });
 }
}

    exemple de travail

    • Merci beaucoup, u m'aident beaucoup... mais où je peux trouver JS erreurs dans google chrome. Je suis nouveau dans le JS, merci...
    • Maj-Ctrl-J (ou Outils:Console Javascript)
    InformationsquelleAutor geocodezip