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
codice:
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");
e questa la funzione che viene lanciata al click sull'icona
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);
});
}
Tale funzione è molto molto simile alle 2 altre che visualizzano una foto o un breve testo. L'unica differenza è nella definizione della variabile contentString.
Sbaglio in qualche ; di troppo o che altro ?
Inutile dire che il file wav esiste.
Grazie per l'attenzione
Orecchio.jpg