wie Infowindow für das Label

Question

Ich habe meinen aktuellen Code, der Symbole von Adressen zeigt. Ich habe versucht, Hover und Pop-up eine kleine Box. Und jetzt möchte ich die andere umher, indem ich auf das Symbol klicke, dann erscheint ein Etikett für die kurze Beschreibung. So erreichen Sie dies im Code. Hoffe, dass mir jemand hier helfen kann, nur um damit anzufangen.

<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

könnten Sie infowindow und klicken 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); 
    });