JS chrome google maps libreria markerclustererplus

[marr_Th_]

Buenas Noches

Y gracias desde ya

Bueno estoy usando la magnifica libreria markerclustererplus que se puede ver y descargar aqui http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclustererplus/examples/speed_test_example.html

Mi codigo es casi igual que el que esta en el ejemplo pero hay una cosa que no me funciona en chrome pero si lo en IE y firefox.(no he probado en mas navegadore)

Yo pretendo mostrar un listado igual que en el ejemplo pero con un select desplegable.

en el archivo speed_test_example.html
sustituyo <div id="markerlist">

</div>
por <select id="markerlist">


</select>
en el archivo speed_test.js

en lugar de

Código Javascript:

var item = document.createElement('DIV');
    var title = document.createElement('A');
    title.href = '#';
    title.className = 'title';
    title.innerHTML = titleText;
 
    item.appendChild(title);
    panel.appendChild(item);
 

pongo esto

Código Javascript:

var title = document.createElement('OPTION');
    title.value = titleText;
    title.className = 'title';
    title.innerHTML = titleText;
   panel.appendChild(title);
 

esta en la funcion que abre la ventana en el mapa al clickar en una opcion del desplegable

Código Javascript:

google.maps.event.addDomListener(title, 'click', fn);
 

Pues eso , menos en chrome en el resto que he probado funciona. y ya no se que hacer le he dado alguna miles de vueltas pero nada.

PD: el depurador no tira ni un solo error.

Por favor , una ayudita a un pobre iniciado en js.

Un saludo a esta gran comunidad que tantas veces me ha ayudado