RuscoMap/ruscomap
5
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

switch_inserimento/visualizzazione

Browse source
This commit is contained in:
scossa 2024-08-18 20:01:48 +02:00
parent fa82dc221e
commit e7c6e44e1b
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
public/js/eventHandler.js
View file

@ -16,24 +16,26 @@ export function initEvents(map){
addMarkerBtn.onclick = function (event) {
event.stopPropagation();
editMode = true;
tmpMarkerSet = false;
//editMode = true;
//tmpMarkerSet = false;
markerFormContainer.style.display = 'flex';
noticeCoordsPicker.style.display = 'block';
// Quando l'incona per inserire il marker è premuta diventa una X rossa. Ora c'è solo il cambio di icona.
// bisogna anche implemntare l'annullare l'inserimento quando viene premuta la X
// switch modalità inserimento/visualizzazione
if (isRedIcon) {
// imposta icona pulsante marker e icona cursore normale e entra in modalità inserimento
// imposta un marker come icona pulsante, icona cursore normale e esce dalla modalità inserimento.
document.getElementById("addMarkerBtn").innerHTML = '<img src="../img/marker-icon13.png" alt="Button Image" />';
document.getElementById('map').style = 'cursor: auto;';
editMode = false;
tmpMarkerSet = true;
// implementare eliminazione (visiva) dell'eventuale marker temporaneo inserito
} else {
// imposta icona pulsante rosso e icona cursore merker
// bisogna impostare l'uscita dalla modalità inserimento
// imposta una X rossa come icona pulsante, come icona cursore un marker e entra nella modalità inserimento.
document.getElementById("addMarkerBtn").innerHTML = '<img src="../img/xred20.png" alt="Button Image" />';
document.getElementById('map').style = 'cursor: url("https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png") 13 41, auto;';
editMode = true;
tmpMarkerSet = false;
}
// attiva/disattiva icona X