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: Výpočet relativního času pro vyskakovací okna a symboliku

DennisJarrard

<\/HEAD>

Úvod<\/H3>Políčka Datum\/Čas přidávají zcela novou dimenzi k analýze a vizualizaci prostorových dat. Určují přesný okamžik v čase, podobně jako souřadnice určují přesný bod v prostoru. Při práci s prostorovými daty přirozeně neustále vytváříme relativní obsah. Například můžeme vypočítat oblast (například buffer), která je ukotvena na vstupním bodě. Nebo můžeme změřit vzdálenost od bodu k jinému objektu. Výsledky těchto analýz jsou relativní, tedy jsou to relativní reprezentace založené na přesném výchozím bodě. Samotné přesné souřadnice nemusí znamenat mnoho, ale můžeme z nich odvodit něco smysluplného a hodnotného.<\/P><\/P>Čas funguje stejně. Když mluvíte o své narozeninové oslavě, můžete říct „moje narozeninová oslava 15.^{ho<\/SUP> února 2020, 18:00“<\/EM>… ale pro osobu, které mluvíte, je snazší pochopit, když řeknete jen „moje narozeninová oslava včera večer“<\/EM>. Nebo když se vás kamarád zeptá „Kdy budou burgery hotové?“, můžete říct „26.^{ho<\/SUP> února, 17:30“<\/EM>, ale „za asi 30 minut“<\/EM> bude mnohem účinnější pro předání vašeho sdělení. Tyto výrazy jsou relativní k přesnému okamžiku v čase: právě teď. V ArcGIS jsou data a časy určeny přesně, ale můžete do svých map začlenit relativní reprezentace těchto dat a časů, aby byly snáze pochopitelné. V tomto příspěvku se podíváme na manipulaci se symboly a pop-upy tak, aby odrážely relativní čas.<\/P><\/P>Začlenění relativního času do symbologie<\/H3>Při sledování živého přenosu možná budeme chtít data symbolizovat tak, že jak události stárnou, stávají se vizuálně méně významnými, až nakonec úplně zmizí. Například se podívejte na mapu níže. Načetli jsme MODIS Hotspots z Living Atlas, aplikovali filtr pro zobrazení pouze posledních 24 hodin a pak jsme použili Arcade k zařazení každého hotspotu do kategorie „aktuálnost“. Jak tyto hotspoty stárnou, postupně slábnou a nakonec zmizí z pohledu.<\/P><\/P><\/A><\/P><\/P>
S Arcade máte flexibilitu pracovat s vašimi datovými poli mnoha způsoby, přizpůsobit prahové hodnoty a dokonce vypočítat vlastní nové odvozené datumy. Čtěte dál a naučte se, jak si sami vytvořit tuto přesnou mapu jako začátek.<\/P>
<\/P>
Nejprve nastavme mapu. Otevřete novou webovou mapu, klikněte na Přidat >> Procházet vrstvy Living Atlas >> a vyhledejte "MODIS". První výsledek by měla být vrstva prvků "Satellite (MODIS) Thermal Hotspots and Fire Activity" od Esri. Přidejte tuto vrstvu do vaší mapy. V panelu Obsah klikněte na tlačítko filtru u vrstvy MODIS a nastavte filtr "Datum získání za poslední 1 den(y)". Aplikujte filtr. Tím se omezí hotspoty na posledních 24 hodin. Nyní klikněte nahoře na Podkladovou mapu a vyberte podkladovou mapu Dark Gray Canvas. Teď je čas použít Arcade k vytvoření vlastní symbologie relativního času pro hotspoty.<\/P>
<\/P>
U vrstvy MODIS klikněte na tlačítko Změnit styl. Rozbalte "Vyberte atribut k zobrazení", posuňte se na konec seznamu polí a klikněte na "Nový výraz". Tím spustíte tvůrce výrazů Arcade. Vložte následující kód do těla výrazu.<\/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>)<\/SPAN>{<\/SPAN>
return<\/SPAN> \"2\"<\/SPAN>
}<\/SPAN>
else<\/SPAN> if<\/SPAN> (<\/Span>value ><\span> 8<\span> &&<\span> value <=<\span> 12<\span>)<\span>{<\span>
return<\span> \"3\"<\span>
}<\span>
else<\span> if<\span> (<\span>value ><\span> 12<\span> &&<\span> value <=<\span> 16<\span>)<\span>{<\span>
return<\span> \"4\"<\span>
}

else if (value > 16 && value <= 20){
return "5"
}
else {
return "6"
}
}

var hours = DateDiff(now(),$feature["ACQ_DATE"] , "hours")
determineCategory(hours)‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
<span‍
Můžete zde upravit prahové hodnoty pro každou kategorii podle potřeby. Jen mějte na paměti, že filtr aplikovaný na vrstvu zobrazuje pouze ty hotspoty, které byly zaznamenány za posledních 24 hodin. Pokud pracujete s jinou vrstvou, budete muset nahradit výraz $feature["ACQ_DATE"] tak, aby ukazoval na pole data ve vaší vrstvě. Klikněte na "Testovat", abyste ověřili funkčnost. Pokud je úspěšný, měli byste vidět hodnotu výsledku od 1 do 6 (1 je nejnovější, 6 nejstarší). Klikněte na OK pro aplikaci skriptu.
Druhy "Jedinečné symboly" budou automaticky vybrány. Klikněte na Možnosti pro úpravu jejich zobrazení. Upravte pořadí symbolů od 1 do 6 přetažením položek do správné pozice. Nyní když je vše ve správném pořadí, změňte popisky pro každou kategorii tak, aby odpovídaly časovému rozsahu.. Použil jsem "Za poslední 4 hodiny" pro první a schéma "X až Y hodin zpět" pro posledních pět kategorií. Dobře, teď jsme připraveni vytvořit symboly. Klikněte na první symbol pro otevření měniče symbolů. Klikněte na Tvar, otevřete rozbalovací nabídku a vyberte "Firefly". Použitá barevná škála byla světle zelená až červená.
<\/P>
Vyberte nejintenzivnější na rampě (nejvíce vpravo) a nastavte velikost na 36. Tento proces opakujte pro ostatní kategorie, postupně se posunujte vlevo po rampě a pokaždé snižujte velikost o 6 (např. 36, 30, 24, 18, 12 a 6). Jakmile máte všechny symboly nastavené podle svých představ, můžete si pohrát s posuvníkem Transparency v panelu Style, abyste doladili vzhled, který chcete dosáhnout. Když je vše hotovo, měl by váš panel Style vypadat nějak takto:<\/P>
<\/P>
<\/P>
Klikněte na OK pro potvrzení nastavení. A voila!<\/EM> Nyní byste měli mít mapu MODIS hotspotů, které stárnou v čase podle aktuálního času. Skvělá práce! Nezapomeňte také uložit svou mapu!<\/P><\/P>}}

Začlenění relativního času do popupů<\/H3>Můžete také nastavit relativní časové výrazy ve svých popupech a převést přesné datum a čas na něco více přátelského pro uživatele. Například se vraťte k příkladové mapě uvedené na začátku tohoto příspěvku. Pokud kliknete na hotspot, v popupu uvidíte přesné datum a čas i relativní výraz jako "před 2 hodinami a 5 minutami". Tato druhá část je také vypočítávána Arcade za běhu.<\/P><\/P>Pro nastavení ve vlastní mapě otevřete panel "Configure Popup" pro vrstvu MODIS Hotspot. Klikněte na "ADD" v sekci Attribute Expressions. Tím se spustí další tvůrce Arcade Expression. Vložte následující kód do bloku Expression:<\/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) + \" minutami zpět\"\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) + \" hodin a \" + round(deltaMin) + \" minutami zpět\"\n }\n if (hours > 48){\n var dFloor = floor(days)\n var deltaHour = datediff(now(),dateadd(alertDate,dFloor,'days'),'hours')\n return round(dFloor) + \" dnů a \" + round(deltaHour) + \" hodinami zpět\"\n } \n } \n} \n<\/P><\/P><\/P>Arcade vám dává flexibilitu přizpůsobit, jak jsou věci sdělovány vašemu publiku, aniž byste museli měnit schéma vašich dat nebo neustále provádět výpočty polí. Temporal representations je jen jeden případ použití toho. Doufejme, že vám to poskytne začátek prozkoumání toho, co je možné. Děkujeme za přečtení!<\/P><\/BODY><\/HTML>

Najděte více příspěvků označených jako

Financial Services

Manufacturing

Real Estate

Retail

Trucking & Logistics

Insurance

Komentáře

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)‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Nový zde? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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