Google Maps API v3: Klicken Sie auf Ereignisse, die nicht in firefox für benutzerdefinierte Markierung ausgelöst werden

Question

haben eine Karte erstellt, die ich versuche, eine ähnliche Funktion wie "Meine Karten" zu haben. Ich habe zwei Dropdown-Listen auf der rechten Seite, basierend auf der Auswahl in diesen ddls, können Sie eine benutzerdefinierte Markierung/Symbol hinzufügen. Sie wählen einen Markierertyp aus, klicken dann auf die Schaltfläche "+" in der oberen rechten Ecke der Karte und klicken dann auf die Stelle, an der die Markierung hinzugefügt werden soll. Mein Problem ist, das funktioniert gut in IE, Safari und Chrome, aber nicht in Firefox. Das Klickereignis scheint nicht ausgelöst zu werden. Hier

ist die Lage der Karte: https://ait.saultcollege.ca/Michael.Armstrong/Index.html

Die Taste, um die Markierung in der rechten oberen hinzuzufügen hat ein Onclick-Ereignis zeigt auf meine ‚Ortsmarkierung()‘ Funktion. Hier ist der Code für 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"; 
} 

Jede Hilfe oder Vorschläge wäre genial. Könnte das vielleicht ein Fehler in ff sein?

Answer 1

Ich habe etwas sehr ähnliches für ein Open-Source-Desaster-Software-Paket gemacht. In diesem Fall nehme ich an, dass ich "Fire" in meinem Dropdown-Menü ausgewählt habe und dies addFire() auslöst. Der Listener auf den Markierungen löscht den Punkt bei einem Klick oder erlaubt Ihnen, ihn zu ziehen. Die Karte kann immer nur einen Listener gleichzeitig haben, aber jeder Marker kann gleichzeitig seinen eigenen Listener haben.

Hier ist der Code, der auf Chrome, Firefox und IE8 gearbeitet:

 
//This function sets up the map for adding a fire icon 
function addFire() { 
//Kill old listener 
if(listening) 
    google.maps.event.removeListener(listenerhandle); 

//Start new listener 
listenerhandle = google.maps.event.addListener(disasterMap, 'click', addFirePoint); 
listening = true; 
}//end addFire 

//This function adds new fire points to the map and controls dragging and clicking 
function addFirePoint(event) { 
//Create the marker 
var fireMarker = new google.maps.Marker({ 
    icon: "./mapimgs/fire.png", position: event.latLng, map: disasterMap, draggable: true }); 

newFireMarkers.push(fireMarker); 
fireMarker.setTitle("Fire"); 

//Listen for clicks on the new marker 
google.maps.event.addListener(fireMarker, 'click', function() { 
     fireMarker.setMap(null); 
    //remove the marker from the array 
    for(i=0;i