如何将infowindow放置于标签

Question

我有我目前的代码显示地址图标。我尝试了悬停并弹出 一个小框。现在我想通过点击 来显示其他图标，然后出现一个标签以供简要说明。如何在代码中实现这一点。 希望任何人都可以帮助我在这里开始。

<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

您可以使用信息窗口，然后单击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); 
    });