Anexo B: Manual de uso mapa web - Municipio de Panamá

16
Anexo B: Manual de uso mapa web Alcaldía de Panamá Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc. Informe 5 Mayo de 2018 Nuestra referencia: 22932601 22932601 Cliente ref: 077-2016

Transcript of Anexo B: Manual de uso mapa web - Municipio de Panamá

Page 1: Anexo B: Manual de uso mapa web - Municipio de Panamá

Anexo B: Manual de uso mapa web

Alcaldía de Panamá

Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc.

Informe 5 Mayo de 2018

Nuestra referencia: 22932601 22932601 Cliente ref: 077-2016

Page 2: Anexo B: Manual de uso mapa web - Municipio de Panamá
Page 3: Anexo B: Manual de uso mapa web - Municipio de Panamá

Este documento fue preparado por Steer Davies Gleave para Alcaldía de Panamá. La información contenida en este documento debe considerarse confidencial, cada destinatario reconoce la confidencialidad de la información aquí incluida y se compromete a no divulgarla de ninguna manera. Cualquier persona o institución que utilice cualquier parte de este documento sin el consentimiento expreso por escrito de Steer Davies Gleave, se considerará que otorga su conformidad a indemnizar a Steer Davies Gleave por todas las pérdidas o daños que resulten de dicha utilización. Steer Davies Gleave ha llevado a cabo su propio análisis utilizando toda la información disponible en el momento de elaboración del presente documento y señala que la llegada de nuevos datos e información podría alterar la validez de los resultados y conclusiones que aquí se presentan. Por lo tanto, Steer Davies Gleave no se responsabiliza de los cambios en la validez de los resultados y conclusiones debido a eventos y circunstancias actualmente imprevisibles.

Anexo B: Manual de uso mapa web

Alcaldía de Panamá

Informe 5 Mayo de 2018

Nuestra referencia: 22932601 22932601 Cliente ref: 077-2016

Preparado por: Preparado para:

Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc. Calle 58 Obarrio Edificio Office One, Oficina 1505 Ciudad de Panamá, Panamá

Alcaldía de Panamá Entre Avs. Justo Arosemena y Cuba y Calles 35 y 36 Este Corregimiento de Calidonia Ciudad de Panamá, Panamá

+507 263 7215 la.steerdaviesgleave.com

Page 4: Anexo B: Manual de uso mapa web - Municipio de Panamá

Mayo de 2018

Contenido

1 Introducción .................................................................................................................................. 1

2 Visualización del mapa base ......................................................................................................... 2

3 Trazado de la ruta entre un punto de origen y un punto de destino ............................................. 3

4 Identificación del punto de localización de un usuario.................................................................. 5

5 Geocodificación de direcciones ..................................................................................................... 7

6 Geocodificación inversa de coordenadas ...................................................................................... 9

Figuras

Figura 2.1: Visualización del mapa base de la aplicación web ......................................................... 2

Figura 3.1: Búsqueda de rutas en la aplicación web map ................................................................ 3

Figura 3.2: Visualización del resultado de la búsqueda de ruta en la aplicación web map (resultado) ...................................................................................................................................................... 4

Figura 4.1: Localización de ubicación del usuario en la aplicación web map ................................... 5

Figura 4.2: Solicitud de permiso para acceder a la información de ubicación del usuario ................ 6

Figura 4.3: Visualización de ubicación del usuario .......................................................................... 6

Figura 5.1: Geocodificación de direcciones con autocompletado ................................................... 7

Figura 5.2: Geocodificación de direcciones con autocompletado ................................................... 8

Figura 6.1: Geocodificación de direcciones con autocompletado ................................................... 9

Page 5: Anexo B: Manual de uso mapa web - Municipio de Panamá

1 de 16

Este documento fue preparado por el Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, para la Alcaldía de Panamá dentro del marco del contrato No. 077-2016 cuyo objeto es la Propuesta para el Diseño de un Sistema de Nomenclatura para el Distrito de Panamá. El documento contiene lo relacionado con el manual de uso del mapa web.

Este manual está dividido en 5 capítulos, de acuerdo con lo solicitado, en cuanto a las funcionalidades de la aplicación web map:

• Visualización del mapa base • Trazado de la ruta entre un punto de origen y un punto de destino • Identificación del punto de localización de un usuario • Geocodificación de direcciones • Geocodificación inversa de coordenadas

1 Introducción

Page 6: Anexo B: Manual de uso mapa web - Municipio de Panamá

2 de 16

El mapa base se encuentra alojado en las diferentes vistas de la aplicación web map y es denominado mapa de referencia. Sobre dicho mapa, se ubica la información geográfica que se encuentra habilitada para el público.

El mapa base de la aplicación web corresponde a un diseño y desarrollo del equipo consultor para la ciudad de Panamá. Para visualizarlo, es necesario ingresar a la aplicación web map (ubicada en https://webmap.nomenclatura.co/) y este se desplegará desde la vista principal.

El mapa base permite obtener referencias de ubicaciones y visualizar información geográfica. En la siguiente figura, se presenta un ejemplo de la vista principal de la aplicación con la visualización del mapa base.

Las capas que componen el mapa base son administradas por el municipio y son configuradas en el servidor geográfico (geoserver).

Figura 2.1: Visualización del mapa base de la aplicación web

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

2 Visualización del mapa base

Page 7: Anexo B: Manual de uso mapa web - Municipio de Panamá

3 de 16

La aplicación web map cuenta con la funcionalidad para trazar rutas entre un par origen-destino, ingresados por el usuario. Para ello, en la parte superior izquierda, se encuentra un cuadro con el título “Explorar la ciudad”, el cual cuenta con los campos de texto para ingresar el origen y el destino y un botón Buscar para encontrar la ruta entre los dos puntos (ver la siguiente figura).

Figura 3.1: Búsqueda de rutas en la aplicación web map

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

De este modo, al ingresar los dos puntos origen-destino y dar clic sobre el botón Buscar, la aplicación calculará la mejor ruta para ir del punto de origen al punto de destino y trazará sobre el mapa la ruta calculada. Estos puntos se pueden ingresar de dos maneras. La primera, haciendo clic en cualquier lugar del mapa. Esta acción pondrá un marcador sobre el mapa que identifica el punto de origen. Al hacer clic por segunda vez se identifica el punto de destino. La segunda opción es utilizando la funcionalidad de buscar una dirección (geocodificación de direcciones, funcionalidad que describiremos mas adelante).

3 Trazado de la ruta entre un punto de origen y un punto de destino

Page 8: Anexo B: Manual de uso mapa web - Municipio de Panamá

4 de 16

Figura 3.2: Visualización del resultado de la búsqueda de ruta en la aplicación web map (resultado)

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

Page 9: Anexo B: Manual de uso mapa web - Municipio de Panamá

5 de 16

La aplicación web map cuenta con una funcionalidad para detectar el punto de localización donde se encuentra ubicado el usuario y ubicar este punto en el mapa base.

Para esto, en la sección de interacción de la aplicación se encuentra un botón con el nombre “Visualizar mi ubicación” (ver la siguiente figura).

Figura 4.1: Localización de ubicación del usuario en la aplicación web map

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

Al dar clic sobre el botón “visualizar mi ubicación” la aplicación web map solicitará permiso al usuario para acceder a su información de geoposicionamiento. Para esto se desplegará una ventana emergente para que el usuario acepte o bloquee a la aplicación para el acceso a esta información. En la siguiente figura, se visualiza un ejemplo de la ventana emergente.

4 Identificación del punto de localización de un usuario

Page 10: Anexo B: Manual de uso mapa web - Municipio de Panamá

6 de 16

Figura 4.2: Solicitud de permiso para acceder a la información de ubicación del usuario

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

Si el usuario acepta que la aplicación web map acceda a su información de geoposicionamiento, la aplicación, identifica las coordenadas geográficas donde se encuentra ubicado el usuario y dibuja la ubicación sobre el mapa. En la siguiente figura, se visualiza un ejemplo la identificación de la ubicación de un usuario.

Figura 4.3: Visualización de ubicación del usuario

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

Page 11: Anexo B: Manual de uso mapa web - Municipio de Panamá

7 de 16

La aplicación web map cuenta con la funcionalidad para geocodificar direcciones. Es decir, a partir de la dirección de un punto sobre el mapa, es posible consultar la ubicación de este, de manera geográfica. Cuando el usuario empieza a diligenciar la dirección, la aplicación despliega una lista de autocompletado que facilita la búsqueda.

Figura 5.1: Geocodificación de direcciones con autocompletado

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

Cuando el usuario selecciona una dirección de la lista, se ubica el punto correspondiente en el mapa. Si se hace clic sobre el punto, se despliega un mensaje emergente con información detallada.

5 Geocodificación de direcciones

Page 12: Anexo B: Manual de uso mapa web - Municipio de Panamá

8 de 16

Figura 5.2: Geocodificación de direcciones con autocompletado

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

Page 13: Anexo B: Manual de uso mapa web - Municipio de Panamá

9 de 16

La aplicación web map cuenta con la funcionalidad para geocodificar de forma inversa coordenadas geográficas. Es decir, a partir de la ubicación de un punto sobre el mapa, sea posible habilitar la opción para que la aplicación pueda identificar la dirección de dicho punto teniendo en cuenta sus coordenadas geográficas.

Figura 6.1: Geocodificación de direcciones con autocompletado

Fuente: Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc, 2018

6 Geocodificación inversa de coordenadas

Page 14: Anexo B: Manual de uso mapa web - Municipio de Panamá

10 de 16

Page 15: Anexo B: Manual de uso mapa web - Municipio de Panamá

HOJA DE CONTROL

HOJA DE CONTROL

Preparado por Preparado para

Consorcio Steer Davies & Gleave Limited – Geosolutions Consulting Inc Calle 58 Obarrio Edificio Office One, Oficina 1505 Ciudad de Panamá, Panamá +507 263 7215 la.steerdaviesgleave.com

Alcaldía de Panamá Entre Avs. Justo Arosemena y Cuba y Calles 35 y 36 Este Corregimiento de Calidonia Ciudad de Panamá, Panamá

Nº Proyecto/propuesta SDG Referencia cliente/nº proyecto

22932601 077-2016

Autor Revisor/autorizador

Luis Javier Bautista Luis Fernando Garzón

Otros colaboradores Distribución

Liliana Olarte Oscar Díaz Oscar Andrés Díaz

Cliente: SDG:

Versión Fecha

3 28/05/2018

Page 16: Anexo B: Manual de uso mapa web - Municipio de Panamá

steerdaviesgleave.com