Uso questo codice per visualizzare un alert contenente le coordinate di un punto cliccato

codice:
<html>

<head><title>Gmaps</title>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">

var inizializza = function() {
var coordinate_centro_mappa = new google.maps.LatLng(24,10);
var options = { zoom: 1, center: coordinate_centro_mappa, mapTypeId: google.maps.MapTypeId.HYBRID };
var mappa_pdi = new google.maps.Map(document.getElementById('mappa_pdi'), options);


google.maps.event.addListener(mappa_pdi, 'click', function(event) { alert('Coordinate: ' + event.latLng);}); 

} ;

window.onload = inizializza ;

</script>

</head>

<body>

<h1>Gmaps v3</h1>

<div id="mappa_pdi" style="width:500px;height:280px"></div>

</body>
</html>
come si potrebbe invece che in un alert visualizzare le coordinate in un fumetto, con codice html, che si apre cliccando un punto qualsiasi della mappa?

è una cifra che ci sto provando ma in javascript sono una schiappa

grazie