Nella mia pagina web visualizzo una mappa di Google (con una traccia GPS) creando una lunga serie di marker.
Qualcuno di questi marker ha una icona cliccando sulla quale si visualizza una fotografia oppure un breve testo. Tutto funziona egregiamente.
Ho provato ad estendere questo tipo di funzionalità creando un terzo tipo di marker con un'icona che rappresenta un orecchio (vedi immagine orecchio.jpg). Cliccando su questa icona dovrebbe esser riprodotto un file wav.
Ma, come si vede dall'immagine, non sembra che il codice recepisca l'esistenza del file wav prescelto; difatti appare un "0:00/0:00" e ovviamente l'audio non parte.
Questo il codice che crea il marker
e questa la funzione che viene lanciata al click sull'iconacodice:var point = new google.maps.LatLng(44.39139,7.541991); createMarkerV(point,"123456789/Vocali/20230329_123456789_999999_01.wav",vocale,"Registraz. vocale N. 1 - ore 09:11");
Tale funzione è molto molto simile alle 2 altre che visualizzano una foto o un breve testo. L'unica differenza è nella definizione della variabile contentString.codice:// VOCALE WAV function createMarkerV(point, sorg, icon, nom) { var marker = new google.maps.Marker({ map : map, title : nom, icon : icon, position : point }); var contentString = "<div align='center'>"; contentString = contentString + "<audio controls autoplay><source src='" + sorg + "' type='audio/vnd.wave'></audio>"; contentString = contentString + "</div>"; var infowindow = new google.maps.InfoWindow({ content: contentString }); marker.setMap(map); google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); }); marker.setMap(map); google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); }); }
Sbaglio in qualche ; di troppo o che altro ?
Inutile dire che il file wav esiste.
Grazie per l'attenzione
Orecchio.jpg

Rispondi quotando