如何將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); 
    });