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; } } }

Haz que tus horarios estáticos de autobús canten y se muevan con Arcade - Parte 1

GeeFernando

<\/HEAD>

Los horarios estáticos de autobús (<\/SPAN>GTFS<\/A><\/SPAN>) no son rival para la información de autobús en tiempo real (<\/SPAN>GTFS-realtime<\/A><\/SPAN>). Pero eso no significa que tengas que conformarte con técnicas de visualización estáticas.<\/SPAN><\/P>En este blog mostraré cómo puedes ser un poco creativo y hacer que tus horarios estáticos canten y se muevan junto con Arcade. Y te quedarás queriendo cantar: <\/SPAN>las ruedas del autobús giran y giran<\/SPAN><\/EM><\/SPAN><\/STRONG><\/SPAN> <\/SPAN><\/P><\/SPAN><\/P>Selecciona un enlace abajo para ver el mapa web asociado con este GIF.<\/SPAN><\/P>Map Viewer Beta<\/SPAN><\/STRONG><\/SPAN><\/A><\/SPAN><\/P><\/LI>Map Viewer (classic)<\/SPAN><\/A><\/SPAN><\/P><\/LI><\/UL>El <\/SPAN>GIF<\/SPAN><\/A><\/SPAN> y el <\/SPAN>mapa web<\/SPAN><\/A><\/SPAN> muestran ventanas emergentes de <\span> próximos autobuses<\strong> y aquellos recién perdidos<\strong>. Esto sería útil para los viajeros en autobús para entender qué servicios están disponibles en cualquier fecha y hora dada.<\span> Aprenderemos cómo crear estas visualizaciones emergentes a partir de un GTFS feed<\a>. Seguido de cómo extender esta solución a una mobile friendly app<\a>, donde los viajeros podrían acceder a esta información en movimiento <\span> <\p>

Más sobre GTFS<\h2> Un GTFS feed<\a> es una colección de archivos de texto, cada uno contando una historia sobre información de tránsito. Para este ejemplo usaremos el GTFS feed para autobuses públicos en Canberra, Australia<\a>.

Click here
para descargar el GTFS feed para Canberra. Construir expresiones (hosted table)<\/SPAN><\/H2>Puede que haya notado por el modelo usado para la <\/SPAN>hosted table<\/SPAN><\/A><\/SPAN>, que creé un campo extra <\/SPAN>arrivalSeconds<\/SPAN><\/EM><\/SPAN><\/STRONG><\/SPAN> para calcular el <\/SPAN>arrival_time<\/CODE><\/SPAN> de los autobuses desde <\/SPAN><CODE>hh:mm:ss<\/CODE><\/SPAN> tipo cadena a un <\/SPAN>number<\/SPAN><\/EM><\/SPAN><\/STRONG><\/SPAN> <\/SPAN>(segundos transcurridos desde el inicio del día)<\/SPAN><\/EM><\/SPAN>. Esto se hizo para acelerar la <\/SPAN><A href="https://developers.arcgis.com/arcade/function-reference/data_functions/#filter" style="color: #4183c4;" rel="nofollow noopener noreferrer" target="_blank">consulta de filtro<\/SPAN><\/A><\/SPAN> (que usaremos más adelante) para devolver solo las características relevantes a la hora del día. Como puede imaginar, es mucho más rápido consultar números en comparación con convertir tipos de cadena sobre la marcha (especialmente con <\/SPAN><A href="https://esriau.maps.arcgis.com/home/item.html?id=38ee59b7d5bc4173ab8786bd58ae274a" style="color: #4183c4;" rel="nofollow noopener noreferrer" target="_blank">conjuntos de datos grandes<\/SPAN><\/A><\/SPAN>). <\/SPAN><\/P><H5 class="" style="color: #333333; font-weight: bold; font-size: 1em; margin-top: 1rem; margin-bottom: 1rem;" id="toc-hId--2126374403" id="toc-hId--2126374403">Convertir arrival_time a número de segundos transcurridos desde el inicio del día<\/SPAN><\/H5><PRE class="lia-code-sample line-numbers language-none">//separar horas, minutos y segundos de llegada en un arreglo<\/SPAN><\/SPAN> var<\/SPAN> separateArrival<\/SPAN> =<\/SPAN> Split<\/SPAN>($feature<\/SPAN>["arrival_time"<\/SPAN>],":"<\/SPAN>)<\/SPAN> //Para corregir cifras de horas mayores a 23 <\/SPAN><\/SPAN> var<\/SPAN> fixedHours<\/SPAN> =<\/SPAN> When<\/Span>(separateArrival[0] >= 24, separateArrival[0] - 24, separateArrival[0]) //convertir arrival_time de 'String' a tipo 'Date'<\/span> var<\/span> arrivalTimeAware<\/span> =<\/span> Date<\/span>(Year(Now()), Month(Now()), Day(Now()), fixedHours, separateArrival[1], separateArrival[2]) var<\/span> startOfDayTime<\/span> =< span> Date(Year(Now()), Month(Now()), Day(Now()), 0, 0, 0) //arrival_time a número de segundos transcurridos desde el inicio del día var arrivalSeconds = DateDiff(arrivalTimeAware, startOfDayTime, 'seconds') return arrivalSeconds</pre><h2 class='' style='color:#333333;border-bottom:1px solid #eeeeee;font-weight:bold;font-size:1.75em;margin-top:1rem;margin-bottom:1rem;padding-bottom:.3em;' id='toc-hId-205976447' id='toc-hId-205976447'><img src='https://community.esri.com/images/emojis/1f6e0.png' alt=''/> Construir expresiones (web map)</h2>Las siguientes expresiones asumen que ya está familiarizado con <a href='https://developers.arcgis.com/arcade/guide/types/#featureset' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>Arcade FeatureSets</a>, y <a href='https://developers.arcgis.com/arcade/function-reference/data_functions/#featuresetbyportalitem' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>FeatureSetByPortalItem()</a> lanzado en <a href='https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/whats-new-in-arcade/' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>Arcade 1.8</a>. Si desea familiarizarse con los <a href='https://developers.arcgis.com/arcade/guide/types/#featureset' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>Featuresets</a>, consulte este excelente <a href='https://www.esri.com/arcgis-blog/products/mapping/mapping/whats-new-with-arcade-taking-a-stroll-through-featuresets-part-1/' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>blog</a> escrito por <a href='https://www.esri.com/arcgis-blog/author/pbarker_esri/' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>Paul Barker</a>.Después de haber agregado la <a href='https://esriau.maps.arcgis.com/home/item.html?id=314d9c4b4d8042dfbc210d9b5b2a353f' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>capa de entidades bus stops feature layer</a> a un web map, construya la siguiente expresión para devolver información relevante sobre los próximos autobuses en los próximos 60 minutos (3,600 segundos).<ul data-mark='-' style='color:#333333;margin:.8em 0px;padding-left:30px;'><li >Aquí hay un <a href='https://esriau.maps.arcgis.com/apps/mapviewer/index.html?webmap=1f720e4fe19c4cac83003704ec73d64f' target='_blank' rel='nofollow noopener noreferrer' style='color:#4183c4;'>web map</a> ya construido para su conveniencia <img src='https://community.esri.com/images/emojis/2705.png'/></li></ul><h5 id='toc-hId-1359246267' id='toc-hId-1359246267' style='font-weight:bold;font-size:1em;margin-top:1rem;margin-bottom:1rem;color:#006400;'>Expresión para los próximos autobuses en los próximos 60 minutos</h5><pre class='lia-code-sample line-numbers language-none'>//consultar características de hosted table - 'stopsTimesTripsRoutesCalendar' en ArcGIS Online //query features from hosted table - 'stopsTimesTripsRoutesCalendar' in ArcGIS Online 0.1px;">var portal = Portal("https://www.arcgis.com") var gtfsTable = FeatureSetByPortalItem(portal,"38ee59b7d5bc4173ab8786bd58ae274a", 0) var stopId = $feature["stop_id"] var startOfDayTime = Date(Year(Now()), Month(Now()), Day(Now()), 0, 0, 0) //segundos transcurridos desde el inicio del día var secondsElapsed = DateDiff(Now(), startOfDayTime, 'seconds') //devuelve curr_date como un entero en el formato 'YYYYMMDD' #HowItShouldBe var curr_date = < spanclass = " "style = " color :# 00000 ; "> Number ( < spanclass = " "style = " color :# 00000 ; "> Text ( < spanclass = " "style = " color :# aa1111 ; ">'YMMDD' )) <spanstyle = " padding - right : 0 . 1 px ; ">< spanclass = " "style = " color :# aa5500 ; ">// declaración de filtro (SQL) - acceder a variables con @ <spanstyle = " padding - right : 0 . 1 px ; ">< spanclass = " "style = " color :# aa5500 ; ">// si desea cambiar el intervalo de tiempo, cambie '3600' segundos a otro valor en la declaración - 'arrivalSeconds < = (@secondsElapsed + 3600)' <spanstyle = " padding - right : 0 . 1 px ; ">< spanclass = " "style = " color :# 770088 ; "> var < spanclass = " "style = " color :# 0000ff ; "> filterStatement < spanclass = " "style = " color :# 981a1a ; "> = '< arrivalSeconds > = @secondsElapsed AND arrivalSeconds < = (@secondsElapsed + 3600) AND stop_id = @stopId AND @curr_date > = start_date AND @curr_date < = end_date ' <spanstyle = " padding - right : 0 . 1 px ; ">< spanclass = " "style = " color :# aa5500 ; ">// filtrar la tabla gtfsTable por la declaración de filtro <spanstyle = " padding - right : 0 . 1 px ; ">< spanclass = " "style = " color :# aa5500 ; ">// ordenar resultados por arrivalSeconds en orden ascendente <spanstyle = " padding - right : 0 . 1 px ; ">< spanclass = " "style = " color :# 770088 ; "> var < spanclass = " "style = " color :# 0000ff ; "> filtered < spanclass = " "style = " color :# 981a1a ; "> = OrderBy(Filter(gtfsTable, filterStatement), 'arrivalSeconds ASC') <spanstyle = \padding-right: 0.1px;"><spanclass="] color=#770088 \"> var <spanclass="] color=#0000ff \"> popupResult <spanclass="] color=#981a1a \"> = <spanclass="] color=#aa1111 \">'' <spanstyle="] padding-right : 0 . 1 px ; ">< spanclass="] color=#770088 \"> var <spanclass="] color=#0000ff \"> weekDays <spanclass="] color=#981a1a \"> =[ 'sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'] <spanstyle="] padding-right : 0 . 1 px ; ">< spanclass="] color=#aa5500 \">2F2FEsta variable se usa dentro del bucle for para determinar si un autobFAs estE1 operativo en un dEDa de la semana dado (por ejemplo, devuelve 1 si estE1 operativo, 0 si no). <spanstyle="] padding-right : 0 . 1 px ; ">< spanclass="] color=#770088 \">var </ sp an ><sp an cl ass="] co lor=#00 00 ff \">currWeekdayOpr </ sp an ><sp an cl ass="] co lor=#98 1 a1 a \">= </ sp an ><sp an cl ass="] co lor=#00 00 00 \">weekDays[Weekday(Now())]</ sp an > <spanstyle="] padding-right : 0 . 1 px ; ">< sp an cl ass="] co lor=#aa5500 \">2F2FIterar sobre los resultados filtrados para mostrar los campos deseados en el popup </ sp an ></ sp an > <spanstyle="] padding-right : 0 . 1 px ; ">< sp an cl ass="] co lor=#770088 \">for (< sp an cl ass="] co lor=#770088 \">var f in filtered){}</ sp an > <spanstyle="] padding-right : 0 . 1 px ; ">   < sp an cl ass="] co lor=#770088 \">if (f[currWeekdayOpr] == 1){}</ sp an > <spanstyle="] padding-right : 0 . 1 px ; ">     < sp an cl ass="] co lor=#000000 \">popupResult += Left(f.arrival_time,5) + " - " + f.route_long_name +}</ sp an > <spanstyle="] padding-right : 0 . 1 px ; ">     < sp an cl ass="] co lor=#000000 \">When(f.route_type ==712, Concatenate(" (", f.trip_headsign, ")") , Concatenate(" (", f.route_short_name, ")") ) +}</ sp an > <spanstyle="] padding-right : 0 . 1 px ; ">     < sp an cl ass="] co lor=#000000 \">When(f.wheelchair_accessible ==1 && f.bikes_allowed ==1, " - <IMG class='jive_emoji' src='https://community.esri.com/images/emojis/267f.png'/><IMG class='jive_emoji' src='https://community.esri.com/images/emojis/1f6b2.png'/>", f.wheelchair_accessible == 0 && f.bikes_allowed == 1," - <IMG class="jive_emoji" src="https://community.esri.com/images/emojis/1f6b2.png" />,"") + TextFormatting.NewLine + TextFormatting.NewLine   } else{        popupResult += ""   } } IIF(IsEmpty(popupResult), "No hay autobuses próximos en la próxima hora" + TextFormatting.NewLine + TextFormatting.NewLine, popupResult)</PRE>También puede usar una expresión similar con un filterStatement ligeramente modificado para consultar los autobuses que salieron en los últimos x minutos. La declaración a continuación consulta los autobuses que salieron en los últimos 20 minutos (1,200 segundos).<PRE class="lia-code-sample line-numbers language-none">var filterStatement = 'arrivalSeconds >= (@secondsElapsed - 1200) AND arrivalSeconds < @secondsElapsed AND stop_id = @stopId AND @curr_date >= start_date AND @curr_date <= end_date'</PRE><H5 class="" style="color: #333333; font-weight: bold; font-size: 1em; margin-top: 1rem; margin-bottom: 1rem;" id="toc-hId--1192910694">Expresión completa para autobuses que salieron en los últimos 20 minutos</H5><PRE class='lia-code-sample line-numbers language-none'>//consultar características de la tabla alojada - 'stopsTimesTripsRoutesCalendar' en ArcGIS Online var portal = Portal("https://www.arcgis.com") var gtfsTable = FeatureSetByPortalItem(portal,"38ee59b7d5bc4173ab8786bd58ae274a", 0) var stopId = $feature["stop_id"] var startOfDayTime = Date(Year(Now()), Month(Now()), Day(Now()), 0, 0, 0) //segundos transcurridos desde el inicio del día var secondsElapsed = DateDiff(Now(), startOfDayTime, 'seconds') //retornar curr_date como un entero en el formato 'YYYYMMDD' #HowItShouldBe var curr_date = Number(Text(Now(),'YMMDD')) //declaración de filtro (SQL) - acceder a variables con @ //si desea cambiar el intervalo de tiempo, cambie '1200' segundos por otro valor en la declaración - 'arrivalSeconds >= (@secondsElapsed - 1200)' var filterStatement = 'arrivalSeconds >= (@secondsElapsed - 1200) AND arrivalSeconds < @secondsElapsed AND stop_id = @stopId AND @curr_date >= start_date AND @curr_date <= end_date' //filtrar la tabla gtfsTable por la declaración de filtro //ordenar resultados por arrivalSeconds en orden ascendente var filtered = OrderBy(Filter(gtfsTable, filterStatement),'arrivalSeconds ASC') var popupResult = '' var weekDays = ['sunday','monday','tuesday','wednesday','thursday','friday','saturday'] //Esta variable se usa dentro del bucle for para determinar si un autobús está operativo en un día de la semana dado (por ejemplo, devuelve 1 si está operativo, 0 si no). var currWeekdayOpr = weekDays[Weekday(Now())] //Iterar sobre los resultados filtrados para mostrar campos deseados en el popup for (var f in filtered){ if (f[currWeekdayOpr] == 1){      popupResult += Left(f.arrival_time, 5) + " - " + f.route_long_name +        When(f.route_type == 712, Concatenate(" (",f.trip_headsign,")"), Concatenate(" (",f.route_short_name,")")) +        When(f.wheelchair_accessible == 1 && f.bikes_allowed == 1, " - <IMG class=\"jive_emoji\" src=\"https://community.esri.com/images/emojis/267f.png\" /><IMG class=\"jive_emoji\" src=\"https://community.esri.com/images/emojis/1f6b2.png\" />",        f. " ,     f .wheelchair_accessible == 0 && f.bikes_allowed == 1, " - <img clasS=\" jive_emoji \" src=\" https://community.esri.com/images/emojis/1f6b2.png \" />", "") + TextFormatting.NewLine + TextFormatting.NewLine  } else {     popupResult += " "  } } return popupResult </PRE><H2 clasS=\" \" styLe=\" color:#333333;border-bottom : 1px solid#eeeeee;font-weight:bold;font-size : 1.75em;margin-top : 1rem;margin-bottom : 1rem;padding-bottom : 0.3em;"><img clasS=\" jive_emoji \" src=\" https://community.esri.com/images/emojis/1f4ad.png \""> Reflexiones finales </H2>Una vez que hayas construido los pop-ups a tu gusto, puedes resaltarlos aún más usando plantillas de aplicaciones configurables. <a href=\" https://esriau.maps.arcgis.com/apps/Nearby/index.html?appid=9a85f5e143774ca6b884656bf4432acc \" style=\" color:#4183c4; rel=nofollow noopener noreferrer target=_blank >Haz clic aquí </a> para ver cómo he extendido el mapa web anterior usando la aplicación configurable NearBy donde los usuarios pueden buscar paradas de autobús por <code >números de parada, `nombres de parada` o `direcciones` .Advertencias - FeatureSetByPortalItem() es una excelente manera de obtener datos de otra capa sin necesidad de agregar esa capa a tu mapa. Pero asegúrate de que los mismos privilegios de compartición se compartan entre la capa en el mapa y la capa desde la que estás extrayendo datos. Aprende más - si te gusta lo que ves, revisa estos recursos cuidadosamente elaborados de Arcade por miembros del personal de esri. Y si por casualidad visitas la cumbre anual Developer Summit, mantente atento a las sesiones técnicas de Arcade presentadas por Lisa Berry y Paul Barker.Finalmente, mantente atento a la Parte 2 - donde llevaremos esta solución todo el camino hasta la ciudad class="">¡Salud! - <\/SPAN>Gee Fernando<\/SPAN><\/A><\/SPAN><\/STRONG><\/SPAN><\/P><\/BODY><\/HTML>

Encuentra más publicaciones etiquetadas con

Comentarios

MarkDaker

Hi Gee

The function 'Join routes to results by routes-id", the target layer is showing an ERROR 000366 Invalid geometry type.

Any method to work around this as the ESRI Help does not provide an answer to resolve.

Thanks

Mark.

GeeFernando

Hi Mark Daker‌,

I'm sorry to hear about the error you encountered. I too had some issues running the same model in ArcGIS Pro 2.5 (I initially built it in 2.4).

So I re-created the models in 2.5 and updated the link to the ArcGIS Pro project package - within the blog. Hope this fixes your issue. Otherwise, please feel to message the link to your GTFS feed - and I'll try and replicate the issue from my end and come up with a fix

Also, when I have some capacity - I'll look into writing a Python script and replicate the Model Builder Scenarios.

Hopefully, in-time for the release of "ArcGIS Notebook Beta" for ArcGIS Online

Edmund Hall‌ Ben Turrell‌ Shane Miles‌ - I may come to you guys for some Python help

MarkDaker

Hi Gee

Sorry to say the issue continues.

Mark.

GeeFernando

In that case, you may have to re-create the models as a new project (sorry about the in-convenience). But, you'll be able to refer to mine for guidance.

And I'll publish a python script as an alternative solution (hopefully in the next couple of weeks)

Gee

ShaneMiles222

Gee Fernando‌ Sounds Good! Always happy to help.

Anonymous User

@GeeFernando, this is great! I have always admired your visualisation work!

ErnestoCarreras2

@GeeFernando Hello and thanks for this great post! Is there a Part 2 of this blog?

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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