Cómo es la URL del mapa interactivo

La especificación actual para el mapa interactivo de AirNow es que expone toda la funcionalidad del mapa en la URL, y que la URL siempre coincidirá con el mapa. Esto no solo hace que el mapa se pueda compartir con los ajustes que acaba de realizar, sino que también le muestra cómo el mapa utiliza las variables de la URL.

Partes de la URL

La URL del mapa interactivo se divide en partes discretas. Estas partes resultarán totalmente familiares a quienes conozcan las cadenas de consulta de URL estándar (y es posible que esas personas quieran saltarse esta sección).

Aquí hay un desglose de la URL que usamos en la página anterior, centrada en la Estatua de la Libertad, usando el fondo topográfico del mapa y mostrando la capa Ozono y PM.

https://gispub.epa.gov/airnow/?monitors=ozonepm&basemap=topographic&contours=none&xmin=-8297808.207469553&xmax=-8191102.1159835905&ymin=4936313.766780599&ymax=5000903.055681487

Aquí está cada sección de esa URL y lo que está sucediendo:

• https://gispub.epa.gov/airnow/ - Este es el "hogar" del mapa interactivo de AirNow. (En realidad, se compone de tres partes: el identificador de protocolo (https://), el sitio web (gispub.epa.gov/) y el directorio (airnow/).
• ? - Este es un separador que indica al mapa que todo el texto que sigue son pares de variable/valor que se aplican al mapa de AirNow.
• monitors=ozonepm - Esto indica al mapa que active la capa de monitor Ozono + PM2.5 + PM10.
• & - Este es un separador que indica al mapa que se está preparando para enviar otra variable (esto ocurre entre cualquier par variable/valor y el siguiente).
• basemap=topographic - Esto indica al mapa que cambie del fondo basado en imágenes al fondo topográfico.
• Las siguientes cuatro variables definen los 4 lados del mapa (nota: estos valores cambiarán ligeramente según el ancho y la altura de su navegador):
  • xmin=-8297808.207469553 - Este es el borde oeste/izquierdo del mapa.
  • xmax=-8191102.1159835905 - Este es el borde este/derecho del mapa.
  • ymin=4936313.766780599 - Este es el borde sur/inferior del mapa.
  • ymax=5000903.055681487 - Este es el borde norte/superior del mapa.

Aunque el mapa reúne estos elementos, siempre que siga las convenciones anteriores, puede armar la URL usted mismo.

Cómo se actualiza la URL

De hecho, el mapa actualiza las variables para que coincidan con la visualización actual después de que se cargue el mapa y después de cada cambio. (Es posible que ya haya notado que xmin, xmax, ymin e ymax son ligeramente diferentes en su navegador que los que se enumeran en el enlace anterior. Esto se debe a que la altura y la anchura de su navegador son diferentes a las que se utilizaron para crear las capturas de pantalla, y el mapa de AirNow realizó ajustes para que encajara (y, a continuación, colocó esos ajustes en los valores del mapa).

Cada vez que se hace un cambio en el mapa, por ejemplo, cambiando de la capa de ozono y PM a la capa de ozono , el mapa actualiza las nuevas variables de URL al mismo tiempo que actualiza la visualización del mapa. Tenga en cuenta que no solo cambia el par variable/valor necesario (en este caso, "monitors=ozonepm" a "monitors=ozone"), sino que también reescribe toda la URL de acuerdo con lo que está mostrando. Esto a menudo significa que cambia el orden de las variables con respecto al que tenían. Esto no es un problema en sí mismo, ya que el orden de las variables no importa, pero si está tratando de crear las variables usted mismo, hacer que cambien dificultará la resolución de problemas.

Las URL conservan la configuración en varias pestañas del mapa

El diseño actual del sistema de URL en el mapa interactivo de AirNow le permite configurar varias páginas que funcionan juntas.

Por ejemplo, supongamos que desea centrarse en PM2.5 en el mapa. Puede comenzar con una URL que muestre la capa de monitor de PM2.5 y la capa de contorno de PM2.5: https://gispub.epa.gov/airnow/?showgreencontours=false&monitors=pm&contours=pm25&xmin=-9188579.56821488&xmax=-7153520.127150889&ymin=4516125.212205681&ymax=5610703.457249113

Excluyendo las variables de borde (xmin, ymax, etc.) ahora hay 3 variables:

• monitors=pm (muestra los monitores de pm2.5).
• contours=pm25 (muestra los contornos de pm2.5).
• showgreencontours=false (elimina el verde de la capa de contorno).

A continuación, vaya a la pestaña Pronóstico y decida si desea habilitar la opción Pronósticos de ciudades y Contornos para Mañana. Ahora la URL se ve así: https://gispub.epa.gov/airnow/?showgreencontours=false&monitors=pm&contours=pm25&xmin=-9188579.56821488&xmax=-7153520.127150889&ymin=4516125.212205681&ymax=5610703.457249113&tab=forecast&forecastmonitors=forecasttomorrow&forecastcontours=forecasttomorrow

Ahora tiene 6 variables (sin contar las variables de borde), las antiguas de antes:

• monitors=pm25 (muestra los monitores de pm2.5).
• contours=pm25 (muestra los contornos de pm2.5).
• showgreencontours=false (elimina el verde de la capa de contorno).

Y tres nuevas:

• tab=forecast (muestra la pestaña Pronóstico).
• forecastmonitors=forecasttomorrow (muestra el pronóstico del monitor para mañana).
• forecastcontours=forecasttomorrow (muestra el pronóstico de contornos para mañana).

Tenga en cuenta que el mapa ni siquiera utiliza dos de las variables (monitores y contornos) porque no son pertinentes en este mapa. ¿Por qué conservarlas? Porque si su usuario hace clic en la pestaña "Actual", vuelve a la pantalla PM2.5 que usted seleccionó.

Tenga en cuenta que cuando comenzó, el mapa no requería una variable de pestaña, aunque se seleccionara la pestaña Actual . Esto se debe a que Actual es el valor predeterminado. Muchas configuraciones del mapa tienen valores predeterminados. Si desea el valor predeterminado para algo, obtiene el mismo resultado si asigna un nombre explícito a la variable y su valor predeterminado o si elimina la variable por completo.

La última página, Referencia técnica, tiene una lista de todas las variables y sus valores aceptados.