Cómo se hace: Team Basemaps

GavinRehkemper

<\/HEAD>

<\/A>Recientemente lancé<\/A> una aplicación web divertida en la que he estado trabajando que utiliza capas de vector tile y colores de equipos deportivos profesionales para permitirte crear tu propio basemap coloreado para tus mapas ArcGIS: Team Basemaps<\/A>. Pensé en dar una guía aproximada paso a paso de cómo lo hice.<\/P>

<\/P>

1. Comencé un nuevo proyecto con

Esri-rollup<\/A> - este repositorio te inicia con todo lo que necesitas para tener una aplicación web JavaScript que se construye sola. Gracias a Tom Wayson<\/A> por el gran trabajo en esto.<\/LI>Agregué la JSAPI 4.0 TileLayer<\/A>.<\/LI>Escribí el widget que te permite elegir los diferentes equipos. Utilicé este proyecto de código abierto<\/A> para los códigos de color. Como parte de esto, tuve que escribir la función que convierte un array de códigos de color a un JSON de estilo vector basemaps. Estoy pensando en<\/A> extraer esto en una biblioteca JS separada en el futuro para que pueda ser utilizada por otros proyectos. <\/LI>Escribí el código para el botón que rota los colores en el mapa<\/A>. Esto básicamente obtiene todas las permutaciones posibles de los colores (ejemplo si tienes rojo, verde y azul: [rgb, rbg, grb, gbr, brg, bgr]) y simplemente recorre ese array.<\/LI>Escribí el código para guardar en ArcGIS Online<\/A>. Usé este ejemplo<\/A>, así como inspeccionando las llamadas REST API para el visor de mapas ArcGIS Online.

1. También como parte de este paso, incorporé <A href="https:\/\/limonte.github.io\/sweetalert2\/

ArthurCrawford01

Nice use of the styling vector tiles!