comment placer infowindow pour l'étiquette

Question

J'ai mon code actuel qui montre des icônes d'adresses.J'ai essayé hover et pop-up une petite boîte. Et maintenant, je veux l'autre en cliquant sur l'icône puis affiche une étiquette pour une brève description. Comment y parvenir dans le code. J'espère que n'importe qui pourrait m'aider ici juste pour commencer.

<script type="text/javascript"> 
    var map = new google.maps.Map(document.getElementById('map-canvas'),{ 
     center:{ 
     lat:10.2969, 
     lng:123.8887 
     }, 
     zoom:15 
    }); 
    var image = 'http://maps.google.com/mapfiles/kml/pushpin/grn-pushpin.png'; 
    var beachMarker = new google.maps.Marker({ 
     position: { 
     lat:10.2969, 
     lng:123.8887 
     }, 
     map: map, 
     icon: image, 
     title: 'Scholar', 
     draggable: false 
    }); 
    var searchBox = new google.maps.places.SearchBox(document.getElementById('searchmap')); 
    google.maps.event.addListener(searchBox,'places_changed', function(){ 
     var places = searchBox.getPlaces(); 
     var bounds = new google.maps.LatLngBounds(); 
     var i, place; 
     for(i=0; place=places[i];i++){ 
      bounds.extend(place.geometry.location); 
     marker.setPosition(place.geometry.location); //set marker location new....... 
    } 
    map.fitBounds(bounds); 
    map.setZoom(15); 
}); 
    google.maps.event.addListener(marker,'position_changed',function(){ 

     var lat = marker.getPosition().lat(); 
     var lng = marker.getPosition().lng(); 

     $('#lat').val(lat); 
     $('#lng').val(lng); 
    }); 
</script> 

Answer 1

Vous pouvez utiliser InfoWindow et cliquez sur listerner

var yourString = 'your string .....'; 

    var your_infowindow = new google.maps.InfoWindow({ 
     content: yourString 
    }); 

    var image = 'http://maps.google.com/mapfiles/kml/pushpin/grn-pushpin.png'; 
    var beachMarker = new google.maps.Marker({ 
     position: { 
      lat:{!! $orga->userinfo->lat !!}, 
      lng:{!! $orga->userinfo->lng !!} 
     }, 
     map: map, 
     icon: image, 
     title: 'Scholar', 
     draggable: false 
    }); 

    beachMarker.addListener('click', function() { 
     your_infowindow.open(map, beachMarker); 
    });