đã tạo bản đồ mà tôi đang cố gắng có chức năng tương tự như 'Bản đồ của tôi'. Tôi có hai danh sách thả xuống ở bên phải, dựa trên lựa chọn trong các ddl đó, bạn có thể thêm biểu tượng/điểm đánh dấu tùy chỉnh. Bạn chọn loại điểm đánh dấu, sau đó nhấp vào nút '+' ở góc trên cùng bên phải của bản đồ và sau đó nhấp vào nơi bạn muốn thêm điểm đánh dấu. Vấn đề của tôi là, điều này hoạt động tốt trong IE, Safari và Chrome, nhưng không hoạt động trong firefox. Sự kiện nhấp chuột dường như không kích hoạt.API Google Maps v3: Các sự kiện nhấp không được kích hoạt trong firefox cho điểm đánh dấu tùy chỉnh
Đây là vị trí của bản đồ: https://ait.saultcollege.ca/Michael.Armstrong/Index.html
Nút để thêm điểm đánh dấu ở phía trên bên phải có một sự kiện onclick trỏ đến chức năng 'đánh dấu địa()' của tôi. Đây là mã cho 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"; }
Mọi trợ giúp hoặc đề xuất sẽ thật tuyệt vời. Có lẽ điều này có lẽ là một lỗi trong ff?
Các mã trên trang web này là một chút được cập nhật, không có sự thay đổi, mặc dù cùng một vấn đề. Bất kỳ ý tưởng? Ai đó có thể mở trang web được đăng ở trên trong IE8, Chrome và FireFox và cho tôi biết liệu họ có gặp sự cố với FireFox không? –