nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Arcade: Berechnung der relativen Zeit für Popups und Symbologie

DennisJarrard

<\/HEAD>

Einführung<\/H3>Datum\/Uhrzeit-Felder fügen der Analyse und Visualisierung von räumlichen Daten eine ganz neue Dimension hinzu. Sie geben einen genauen Zeitpunkt an, ähnlich wie Koordinaten einen genauen Punkt im Raum angeben. Beim Arbeiten mit räumlichen Daten erzeugen wir natürlicherweise ständig relative Inhalte. Zum Beispiel könnten wir eine Fläche (wie einen Puffer) berechnen, die an einem Eingabepunkt verankert ist. Oder wir messen eine Entfernung von einem Punkt zu einem anderen Objekt. Die Ergebnisse dieser Analysen sind relativ, das heißt, sie sind relative Darstellungen basierend auf einem genauen Ausgangspunkt. Für sich genommen bedeuten die genauen Koordinaten vielleicht nicht viel, aber wir können daraus etwas Bedeutungsvolles und Wertvolles ableiten.<\/P><\/P>Zeit funktioniert genauso. Wenn Sie über Ihre Geburtstagsfeier sprechen, könnten Sie sagen „meine Geburtstagsfeier am 15.^{ten<\/SUP> Februar 2020, 18:00 Uhr“<\/EM>... aber es ist für die Person, mit der Sie sprechen, leichter zu verstehen, wenn Sie einfach sagen „meine Geburtstagsfeier letzte Nacht“<\/EM>. Oder wenn Ihr Freund Sie fragt „Wann sind die Burger fertig?“, könnten Sie sagen „26.^{ten<\/SUP> Februar, 17:30 Uhr“<\/EM>, während „in etwa 30 Minuten“<\/EM> viel effektiver ist, um Ihren Punkt rüberzubringen. Diese Ausdrücke beziehen sich relativ auf einen präzisen Zeitpunkt: jetzt gerade. In ArcGIS werden Daten und Zeiten genau angegeben, aber Sie können relative Darstellungen dieser Daten und Zeiten in Ihre Karten einbauen, um sie leichter verständlich zu machen. In diesem Beitrag werden wir uns ansehen, wie man Symbole und Popups manipuliert, um relative Zeit widerzuspiegeln.<\/P><\/P>Relative Zeit in der Symbolik einbinden<\/H3>Beim Betrachten eines Live-Feeds möchten wir die Daten möglicherweise so symbolisieren, dass Ereignisse mit zunehmendem Alter immer weniger visuell bedeutend werden, bis sie schließlich ganz verschwinden. Zum Beispiel sehen Sie sich die Karte unten an. Wir haben MODIS Hotspots aus dem Living Atlas geladen, einen Filter angewendet, um nur die letzten 24 Stunden anzuzeigen, und dann Arcade verwendet, um jeden Hotspot einer "recentness"-Kategorie zuzuordnen. Mit zunehmendem Alter dieser Hotspots werden sie schwächer und verschwinden letztendlich aus der Ansicht.<\/P><\/P><\/A><\/P><\/P>
Mit Arcade haben Sie die Flexibilität, mit Ihren Datumsfeldern auf vielfältige Weise zu arbeiten, Schwellenwerte anzupassen und sogar eigene neue abgeleitete Daten zu berechnen. Lesen Sie weiter, um zu erfahren, wie Sie diese genaue Karte selbst erstellen können, um loszulegen.<\/P>
<\/P>
Zuerst richten wir die Karte ein. Öffnen Sie eine neue Webkarte, klicken Sie auf Hinzufügen >> Living Atlas Layers durchsuchen >> und suchen Sie nach "MODIS". Das erste Ergebnis sollte ein Feature-Layer "Satellite (MODIS) Thermal Hotspots and Fire Activity" von Esri sein. Fügen Sie diesen Layer Ihrer Karte hinzu. Klicken Sie im Inhaltsbereich auf die Filter-Schaltfläche für den MODIS-Layer und setzen Sie einen Filter für "Acquisition Date in the last 1 day(s)". Filter anwenden. Dies filtert die Hotspots auf die letzten 24 Stunden. Klicken Sie nun oben auf Basemap und wählen Sie die Basemap Dark Gray Canvas aus. Jetzt ist es Zeit, Arcade zu verwenden, um unsere eigene relative Zeitsymbolik für die Hotspots zu erstellen.<\/P>
<\/P>
Für den MODIS-Layer klicken Sie auf die Schaltfläche Stil ändern. Erweitern Sie "Wählen Sie ein Attribut zum Anzeigen", scrollen Sie zum Ende der Feldliste und klicken Sie auf "Neuer Ausdruck". Dadurch wird der Arcade-Ausdruckseditor gestartet. Fügen Sie den folgenden Code in den Ausdruckskörper ein.<\/P>
<\/P>
function<\/SPAN> determineCategory<\/SPAN>(<\/SPAN>value)<\/SPAN>{<\/SPAN>
if<\/SPAN> (<\/SPAN>value <=<\/SPAN> 4<\/SPAN> )<\/SPAN>{<\/SPAN>
return<\/SPAN> \"1\"<\/SPAN>
}<\/SPAN>
else<\/SPAN> if<\/SPAN> (<\/SPAN>value ><\/SPAN> 4<\/SPAN> &&<\/SPAN> value <=<\/SPAN> 8<\/Span>){
return \"2\"

Sie können hier bei Bedarf die Schwellenwerte für jede Kategorie ändern. Beachten Sie nur, dass der Filter, den wir auf den Layer angewendet haben, nur diejenigen Hotspots anzeigt, die in den letzten 24 Stunden erfasst wurden. Wenn Sie mit einem anderen Layer arbeiten, müssen Sie das $feature["ACQ_DATE"] ersetzen, sodass es auf ein Datumsfeld in Ihrem Layer zeigt. Klicken Sie auf "Testen", um sicherzustellen, dass es funktioniert. Wenn es erfolgreich ist, sollten Sie einen Ergebniswert von 1-6 sehen (1 ist am aktuellsten, 6 am ältesten). Klicken Sie auf OK, um das Skript anzuwenden.
Die Typen "Eindeutige Symbole" werden automatisch ausgewählt. Klicken Sie auf Optionen, um zu ändern, wie diese angezeigt werden. Ändern Sie die Symbolreihenfolge auf 1-6 durch Ziehen der Einträge an die entsprechende Position. Jetzt wo alles in der richtigen Reihenfolge ist, ändern Sie bitte die Beschriftungen für jede Kategorie so ab, dass sie den Zeitbereich widerspiegeln.. Ich habe für das erste "In den letzten 4 Stunden" verwendet und für die letzten fünf ein Schema von "Vor X bis Y Stunden" gewählt. Gut, jetzt sind wir bereit die Symbole zu erstellen. Klicken Sie auf das erste Symbol um den Symbolwechsler zu öffnen. Klicken Sie auf Form, öffnen das Dropdown-Menü und wählen "Firefly" aus. Die Farbskala die ich verwendet habe war von Hellgrün bis Rot.
<\/P>
Wählen Sie das intensivste auf der Rampe aus (das ganz rechts), und stellen Sie die Größe auf 36 ein. Wiederholen Sie diesen Vorgang für die anderen Kategorien, indem Sie sich nach links auf der Rampe vorarbeiten und die Größe jedes Mal um 6 verringern (z. B. 36, 30, 24, 18, 12 und 6). Sobald alle Ihre Symbole so konfiguriert sind, wie Sie es möchten, können Sie mit dem Transparenz-Schieberegler im Style-Bereich experimentieren, um das gewünschte Aussehen einzustellen. Wenn alles fertig ist, sollte Ihr Style-Bereich ungefähr so aussehen:<\/P>
<\/P>
<\/P>
Klicken Sie auf OK, um alles zu bestätigen. Und, voila!<\/EM> Sie sollten jetzt eine Karte der MODIS-Hotspots haben, die mit der aktuellen Zeit altern. Gute Arbeit! Vergessen Sie auch nicht, Ihre Karte zu speichern!<\/P><\/P>}}

Relative Zeit in Popups einbinden<\/H3>Sie können auch relative Zeit-Ausdrücke in Ihren Popups einrichten und ein genaues Datum und eine genaue Uhrzeit in etwas benutzerfreundlicheres verwandeln. Zum Beispiel gehen Sie zurück zur Beispielkarte, die weiter oben in diesem Beitrag bereitgestellt wurde. Wenn Sie auf einen Hotspot klicken, sehen Sie im Popup das genaue Datum und die genaue Uhrzeit sowie einen relativen Ausdruck wie "vor 2 Stunden und 5 Minuten". Dieser zweite Teil wird ebenfalls von Arcade in Echtzeit berechnet. <\/P><\/P>Um dies in Ihrer eigenen Karte einzurichten, öffnen Sie den Bereich "Configure Popup" für die MODIS Hotspot-Ebene. Klicken Sie unter dem Abschnitt Attribut-Ausdrücke auf "ADD". Dadurch wird ein weiterer Arcade Expression Builder gestartet. Fügen Sie den folgenden Code in den Ausdrucksblock ein:<\/P><\/P>var<\/SPAN> myDateField =<\/SPAN> $feature[<\/SPAN>"ACQ_DATE"<\/SPAN>]<\/SPAN>;<\/SPAN>\n\nfunction<\/SPAN> getTimeDelta<\/SPAN>(<\/SPAN>alertDate)<\/SPAN>{<\/SPAN>\n var<\/SPAN> minutes =<\/SPAN> DateDiff<\/SPAN>(<\/SPAN>now<\/SPAN>(<\/SPAN>)<\/SPAN>,<\/SPAN>alertDate,<\/SPAN> "minutes"<\/SPAN>)<\/SPAN>\n var<\/SPAN> hours =<\/SPAN> DateDiff<\/SPAN>(<\/SPAN>now<\/SPAN>(<\/Span>),alertDate, "hours")\n var days = DateDiff(now(), alertDate, "days")\n if (minutes <= 120) {\n return round(minutes) + " Minuten her"\n }\n if (minutes > 120) {\n if (hours <= 48) {\n var tFloor = floor(hours)\n var deltaMin = datediff(now(), dateadd(alertDate, tFloor, 'hours'), 'minutes')\n return round(tFloor) + " Stunden und " + round(deltaMin) + " Minuten her"\n }\n if (hours > 48) {\n var dFloor = floor(days)\n var deltaHour = datediff(now(), dateadd(alertDate, dFloor, 'days'), 'hours')\n return round(dFloor) + " Tage und " + round(deltaHour) + " Stunden her"\n }\n }\n}\nreturn getTimeDelta(myDateField)‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<span‍>Druckt dieser Ausdruck die Zeitdifferenz zwischen der aktuellen Zeit und dem Datum im Feld aus und verwendet eine bedingte Logik, um einen benutzerfreundlichen Ausdruck dieser Differenz zu erstellen. Dieser Ausdruck ist auch für Tage ausgelegt, aber da wir unsere Hotspots so eingerichtet haben, dass sie nur die letzten 24 Stunden anzeigen, werden wir das nicht sehen. Aber Sie können diesen Ausdruck als Vorlage für andere Layer verwenden, mit denen Sie arbeiten möchten. In diesem Fall müssen Sie nur den $feature["ACQ_DATE"] -Teil ändern, damit er auf ein Datumsfeld in Ihrem Layer zeigt. Klicken Sie auf Testen, um zu überprüfen, ob es funktioniert, gefolgt von einem überschwänglichen Klick auf die Schaltfläche "OK". Von hier aus konfigurieren Sie die Popups nach Belieben und stellen sicher, dass der von Ihnen erstellte Ausdruck sichtbar ist. Der Ausdruck fungiert wie ein Feld, sodass Sie ihn als Teil eines Standard-Popup-Stils sehen oder als Teil eines benutzerdefinierte Attributanzeige.<\/P><\/P><\/P><\/P>Arcade gibt Ihnen die Flexibilität, anzupassen, wie Dinge Ihrem Publikum vermittelt werden, ohne dass Sie das Schema Ihrer Daten ändern oder ständige Feldberechnungen durchführen müssen. Temporale Darstellungen sind nur ein Anwendungsfall davon. Hoffentlich gibt Ihnen das einen Einstieg, um zu erkunden, was möglich ist. Danke fürs Lesen!<\/P><\/BODY><\/HTML>

Finde mehr Beiträge mit dem Tag

Financial Services

Manufacturing

Real Estate

Retail

Trucking & Logistics

Insurance

Kommentare

MatthewKing

@DennisJarrard Thanks for posting this. I'm trying this out word for word in order to try/learn for a map that I'm working on. When I paste the code that's in the "Incorporating Relative Time in Symbology" section I'm getting an "Unexpected identifier" error. Would you happen to know why?

DennisJarrard

@MatthewKing I tested and got the same thing. Turns out the way the code block is collapsed in the blog confuses arcade. If I reincorporate the link breaks, it seems to work. Can you try this?

var myDateField = $feature["ACQ_DATE"];

function getTimeDelta(alertDate){
    var minutes = DateDiff(now(),alertDate, "minutes")
    var hours = DateDiff(now(),alertDate, "hours")
    var days = DateDiff(now(),alertDate, "days")
    if (minutes <= 120){
        return round(minutes) + " minutes"
    }
    if (minutes > 120){
        if (hours <= 48){
            var tFloor = floor(hours)
            var deltaMin = datediff(now(),dateadd(alertDate,tFloor,'hours'),'minutes')
            return round(tFloor) + " hours and " + round(deltaMin) +  " minutes"
        }
        if (hours > 48){
            var dFloor = floor(days)
            var deltaHour = datediff(now(),dateadd(alertDate,dFloor,'days'),'hours')
            return round(dFloor) + " days and " + round(deltaHour) + " hours"
        }
    }
}
return getTimeDelta(myDateField)

MatthewKing

@DennisJarrard That works, but I'm thinking that's the code for the popups, not the symbology (which I was questioning)? However, based on your formatting of the popups I was able to reverse-engineer out the code for the symbology (coding, and especially formatting, is not my strong suit)

function determineCategory(value){
    if (value <= 4 ){
        return "1"
    }
else if (value > 4 && value <= 8){
        return "2"
    }
else if (value > 8 && value <= 12){
        return "3"
    } 
else if (value > 12 && value <= 16){
        return "4"
    }
else if (value > 16 && value <= 20){
        return "5"
    }
else {
        return "6"
    }
}
var hours = DateDiff(now(),$feature["last_edited_date"], "hours")
determineCategory(hours)

Thanks!

DennisJarrard

@MatthewKing great work! You're right, I posted the wrong section. Your code sample looks exactly like it should. I tried fixing the code samples in the blog, but the system seems to want to collapse mult-line code into a single line no matter what I do. This comments section will certainly help to guide other readers until I figure out how to fix it. Thanks for reaching out!

Anonymous User

I've used the code above and incorporate my attribute data (DueDate) but when I run the expression I receive an error message saying Unexpected token. What does this mean?

function determineCategory(value){
    if (value <= 0 ){
        return "1"
 }
    else if (value > 0 && value <= 4){
        return "2"
    }
    else if (value > 4 && value <= 7){
        return "2"
    }
    else if (value > 7 && value <= 14){
        return "3"
    }
    else if (value > 14 && value <= 30){
        return "4"
    }
}

var days = DateDiff(now(),$feature["DueDate"], "days")
determineCategory(days)‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.