he creado un mapa que intento que tenga una función similar a 'Mis mapas'. Tengo dos listas desplegables en el lado derecho, según la selección en esos ddl, puede agregar un marcador / icono personalizado. Seleccione un tipo de marcador, luego haga clic en el botón '+' en la esquina superior derecha del mapa y luego haga clic donde desee agregar el marcador. Mi problema es que esto funciona bien en IE, Safari y Chrome, pero no en Firefox. El evento de clic no parece activarse.

Aquí está la ubicación del mapa:https://ait.saultcollege.ca/Michael.Armstrong/Index.html

El botón para agregar el marcador en la esquina superior derecha tiene un evento onclick que apunta a mi función 'placeMarker ()'. Aquí está el código para placeMarker (), createMarker () ...

function placeMarker() {

    select("placeMarker");

    var infowindow = new google.maps.InfoWindow({}); 
    var catID = document.getElementById('category');
    var typeID = document.getElementById('ddlType');
    var category = catID.options[catID.selectedIndex].value;
    var markerType = typeID.options[typeID.selectedIndex].value;

    if (!markerType) {
        alert("You must select an icon type.");
    } 
    else {
        var moveListener = google.maps.event.addListener(customMap, 'mousemove', function(event) {
            if (mapMarker) {
                mapMarker.setPosition(event.latLng);
            } else {
                mapMarker = createMarker(event.latLng, "test", markerType, "test");
            }
        });

        var clickListener = google.maps.event.addListener(customMap, 'click', function(event) {
            if (mapMarker) {
                select("hand_b");
                google.maps.event.clearListeners(customMap, 'mousemove');
                google.maps.event.removeListener(listener);
                mapMarker = createMarker(event.latLng, "test2", markerType, "test");

                var htmlInfo = "" +
                    "Category:" + category + "" +
                    "Item:" + markerType + "" +
                    "Notes:" +
                    "Location:" + mapMarker.getPosition().toString() + "" +
                    "" +
                    "";

                //infowindow.setContent(htmlInfo);
                //infowindow.open(customMap, mapMarker);
            }
        });
    }
}

function createMarker(latlng, title, icon, html) {
    var mapMarker = new google.maps.Marker({
        position: latlng,
        map: customMap,
        title: title,
        icon: 'Images/' + icon + '.png'
    });
    return mapMarker;
}

function select(buttonId) {
    document.getElementById("hand_b").className = "unselected";
    document.getElementById("placeMarker").className = "unselected";
    document.getElementById(buttonId).className = "selected";
}

Cualquier ayuda o sugerencia sería genial. ¿Podría ser esto un error en ff?